ʹÓÃCSSÑùʽ clear:both ʵÏÖdiv²»²¢ÅÅ
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>ÎÞ±êÌâÎĵµ</title>
<style type="text/css">
#wai{
width:500px;
height:500px;
background-color: #990;
}
#nei {
float:left;
width:200px;
height:200px;
background:#FFF;
}
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
</style>
</head>
<body>
<div id="wai">
<div id="nei">ÎÒÔÚ×ó±ß</div>
<div style="clear:both">ÎÒ²»ÔÚÓÒ±ß</div><!--ɾ³ýºìÉ«µÄ×Ö¿´¿´-->
</div>
</body>
</html>
Ïà¹ØÎĵµ£º
ÆÁ±ÎIEä¯ÀÀÆ÷£¨Ò²¾ÍÊÇIEϲ»ÏÔʾ£©
*:lang(zh) select {font:12px !important;} /*FF,OP¿É¼û£¬ÌرðÌáÐÑ£ºÓÉÓÚOpera×î½üµÄÉý¼¶£¬Ä¿Ç°´Ë¾äֻΪFFËùʶ±ð*/
select:empty {font:12px !important;} /*safari¿É¼û*/
ÕâÀïselectÊÇÑ¡Ôñ·û£¬¸ù¾ÝÇé¿ö¸ü»»¡£µÚ¶þ¾äÊÇMACÉÏsafariä¯ÀÀÆ÷¶ÀÓеġ£½öIE7ÓëIE5.0 ......
I needed a tab pane to put some content in my web pages. There are many solutions around
and I must say that they are quite good, but I had some extra requirements that I needed.
I did search around but I did not find what I wanted, so I ended up producing something and now I am sharing
it with y ......
ÄÚ²¿Ñùʽ±í
ÄÚ²¿Ñùʽ±íÐèÒªÔÚÍøÒ³µÄ<head>²¿·Ö¶¨Ò壬¸ñʽÈçÏ£º
<head>
<style type="text/css">
/*·ûºÏCSSÓï·¨½á¹¹µÄCSSÓï¾ä£¬ÀýÈç*/
body { background-color: blue; }
</style>
</head>
ÐÐÄÚÑùʽ±í(ÄÚǶÑùʽ±í)
ÐÐÄÚÑùʽ±íÖ±½ÓÔÚ±êÇ©ÄÚ²¿¶¨Ò壬ʹÓÃstyleÊôÐÔ£¬Ð´·¨ÈçÏ£º
......
CSSÑùʽµÄÖÖÀࣺ
1 £®HTML ±ê¼Ç·û£ºÓÃÓÚ¶¨ÒåHTML µÄTAGS Ñùʽ£¬ÀýÈç bodyp img µÈ¡£
ÀýStyle.cssÖж¨ÒåµÄbody\h1\p\img µÈ Àýstyle.css
2 £®ÀàÑ¡ÔñÆ÷£ºÒÔ . ¿ªÍ·£¬Ñùʽһµ©¶¨Ò壬¿É¾ÍÓÃÓÚÈκÎHTML ÔªËØ ¡£
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Trans
CSSÑùʽµÄÖÖÀࣺ
1
£®HTML
±ê¼Ç·û£ºÓÃÓÚ¶¨ÒåHTML
µ ......
overflow´Ó×ÖÃæÒâÒåÉÏÀ´½²¾ÍÊÇÒç³öµÄÒâ˼£¬»»¾ä»°Ëµ£¬ÄãÓиö²ã£¬µ«ÊÇÀïÃæµÄÄÚÈÝ£¬Í¼Æ¬»òÕßÎÄ×ÖÒª±È²ã´ó£¬overflow¾ÍÊÇÕë¶ÔÕâÖÖÇé¿ö½øÐд¦ÀíµÄ¡£
°üº¬4¸öÊôÐÔÖµ£¬visible,hidden,auto,scroll
visible¾ÍÊdz¬³öµÄÄÚÈÝÈÔÈ»Õý³£±»ÏÔʾ³öÀ´¡£
hidden¾ÍÊdz¬³öµÄÄÚÈݱ»Òþ²Ø¡£ &nbs ......