¹Ì¶¨¸ß¶Èdiv,ËæÄÚÈÝ×Ô¶¯±ä¸ßcss¶¨Òå·½·¨
*{ font-size:12px; margin:0; padding:0;}
·½·¨1:
#testBox{border:1px solid #cccccc;padding:5px;width:220px;
min-height:100px; /*¸ß¶È×îСֵÉèÖÃΪ£º100px*/
height:auto !important; /*¼æÈÝFF,IE7Ò²Ö§³Ö !important±êÇ©*/
height:100px; /*¼æÈÝie6*/
·½·¨2:
/*µ¥¶ÀÓÃÏÂÃæÕâ¸ö·½·¨Ò²¿ÉÒÔʵÏÖ*/
height:[removed]this.height < 100 ? "100px" : this.height+"px");
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>ÎÞ±êÌâÎĵµ</title>
</head>
<style type="text/css">
*{ font-size:12px; margin:0; padding:0;}
#testBox{border:1px solid #cccccc;padding:5px;width:220px;
min-height:100px; /*¸ß¶È×îСֵÉèÖÃΪ£º100px*/
height:auto !important; /*¼æÈÝFF,IE7Ò²Ö§³Ö !important±êÇ©*/
height:100px; /*¼æÈÝie6*/
/*µ¥¶ÀÓÃÏÂÃæÕâ¸ö·½·¨Ò²¿ÉÒÔʵÏÖ*/
/*height:[removed]this.height < 100 ? "100px" : this.height+"px");*/
}
</style>
<body>
<div id="testBox">
<ul>
<!--Ö»ÓÐÒ»Ìõ¼Ç¼ʱÊÇĬÈϸ߶È-->
<li>ÕâÀïÊÇÿһÌõÄÚ¡£¡£¡£¡£¡£</li>
<!--ɾ³ý×¢Êͺ󣬸߶ÈËæÖ®Ôö¼Ó¡£
<li>ÕâÀïÊÇÿһÌõÄÚ¡£¡£¡£¡£¡£</li>
<li>ÕâÀïÊÇÿһÌõÄÚ¡£¡£¡£¡£¡£</li>
<li>ÕâÀïÊÇÿһÌõÄÚ¡£¡£¡£¡£¡£</li>
<li>ÕâÀïÊÇÿһÌõÄÚ¡£¡£¡£¡£¡£</li>
<li>ÕâÀïÊÇÿһÌõÄÚ¡£¡£¡£¡£¡£</li>
<li>ÕâÀïÊÇÿһÌõÄÚ¡£¡£¡£¡£¡£</li>
<li>ÕâÀïÊÇÿһÌõÄÚ¡£¡£¡£¡£¡£</li>
<li>ÕâÀïÊÇÿһÌõÄÚ¡£¡£¡£¡£¡£</li>
<li>ÕâÀïÊÇÿһÌõÄÚ¡£¡£¡£¡£¡£</li>
<li>ÕâÀïÊÇÿһÌõÄÚ¡£¡£¡£¡£¡£</li>
<li>ÕâÀïÊÇÿһÌõÄÚ¡£¡£¡£¡£¡£</li>
-->
</ul>
</div>
</body>
</html>
ÍÆ¼öÐÅÏ¢
- CSS²¼¾ÖµÄ8¸öÄãÐèÒªÕÆÎյļ¼ÇÉ
- IE6¡¢IE7 ¡¢IE8¡¢FFµÄCSSHack
- ̽¾¿cssÖи÷ÖÖÇé¿öϵÄÔªËØµÄ´¹Ö±ºÍˮƽ¾ÓÖеÄÎÊÌâ
- YahooÍŶӾÑé£ºÍøÕ¾ÐÔÄÜÓÅ»¯µÄ34Ìõ»Æ½ð·¨Ôò(ת)
- HTMLÖÐÀûÓÃ404½«ÀÏÓòÃûÖØ¶¨Ïòµ½ÐÂÓòÃû
- ÈÃdiv¸¡ÓÚselectÖ®ÉÏ
- ¼¸Æª¹ØÓÚºÐ×ÓÄ£Ð͵ÄÎÄÕ£¬ÈÕºó·½±ã¼ìË÷£º
- Css ÑùʽʹÓþÑé×ܽá
- display:inline-blockµÄÉîÈëÀí½â
- ÈçºÎÔÚÍøÒ³ÖÐǶÈëÌØÊâ×ÖÌå
ÈÈÃÅÐÅÏ¢
- nohup: redirecting stderr to stdou....
- ʹÓÃlog_formatΪNginx·þÎñÆ÷ÉèÖøüÏêϸµÄÈÕÖ¾¸ñʽ
- jquery easyUI--dataGrid-Json
- [Ô´´]·ÂGoogle Reader¡¢ÐÂÀË΢²©¡¢ÌÚѶ΢²©µ....
- ÀûÓÃKeepalived+mysql¹¹½¨¸ß¿ÉÓÃMySQLË«Ö÷×Ô¶....
- Nginx+keepalivedʵÏÖ¸ºÔؾùºâºÍË«»úÈȱ¸¸ß¿ÉÓÃ
- jqueryʵÏÖÒ³Ãæ¼ÓÔØ½ø¶ÈÌõ
- Rolling cURL: PHP²¢·¢×î¼Ñʵ¼ù
- codeigniter ·ÓÉÖÕ¼«ÓÅ»¯(url rewrite)
- linuxÏÂÉèÖÃsshÎÞÃÜÂëµÇ¼
×î½ü¸üÐÂ
- ´ó±¥ÑÛ¸£ 7¿îÀàÐ͸÷ÒìµÄCSS3ʵÓò˵¥
- div+css¶àä¯ÀÀÆ÷²âÊÔ·½·¨
- cssËõд¸øÍøÕ¾¼ÓËÙ£¬ÆäʵºÜ¶àʱºò¶¼»áÓõ½
- ´¿CSS´òÔìBubbleÆøÅÝÌáʾ¿ò
- CSSʵÏÖͼƬ°´±ÈÀýËõ·Å
- CSS¼¼ÇÉÈÃÄãµÄÍøÕ¾¸üÉÏÒ»²ãÂ¥
- ¹Ì¶¨¸ß¶Èdiv,ËæÄÚÈÝ×Ô¶¯±ä¸ßcss¶¨Òå·½·¨
- web¼æÈݸ÷¸öä¯ÀÀÆ÷×îС¸ß¶ÈµÄд·¨
- CSS£¬Ç³ÎöpositionÖÐRelativeºÍAbsolute
- 12ÌõÔÔò£º±£³ÖHTML´úÂëÕû½à&¹æ·¶
ÆÀÂÛ