作者:
tianshi0253
鏈接：
http://tianshi0253.javaeye.com/blog/205269
發(fā)表時(shí)間: 2008年06月18日
聲明：本文系JavaEye網(wǎng)站發(fā)布的原創(chuàng)博客文章，未經(jīng)作者書(shū)面許可，嚴(yán)禁任何網(wǎng)站轉(zhuǎn)載本文，否則必將追究法律責(zé)任！
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>height auto</title>
<style type="text/css">
html,body{text-align:center; margin:0px; padding:0px;}
#box {
overflow:auto; border:solid 1px red; float:left; margin-left:auto; margin-right:auto; width:80%;
}
.subbox{
display:inline;
display:block;
float:left;
width:100px;
height:100px;
margin:50px;
border:solid 1px red;
}
.clear{
clear:both;
}
</style>
</head>
<body>
<div id="box">
<div class="subbox"></div>
<div class="subbox"></div>
<div class="subbox"></div>
<div class="subbox"></div>
<div class="subbox"></div>
<div class="subbox"></div>
<div class="subbox"></div>
<div class="subbox"></div>
<div class="subbox"></div>
<div class="subbox"></div>
<div class="subbox"></div>
<div class="subbox"></div>
<div class="subbox"></div>
<div class="subbox"></div>
<div class="subbox"></div>
<div class="subbox"></div>
<div class="subbox"></div>
<div class="subbox"></div>
<div class="subbox"></div>
<div class="subbox"></div>
<div class="subbox"></div>
<div class="subbox"></div>
<div class="subbox"></div>
<div class="subbox"></div>
<div class="subbox"></div>
<div class="subbox"></div>
<div class="subbox"></div>
<div class="subbox"></div>
<div class="subbox"></div>
<div class="subbox"></div>
<div class="subbox"></div>
<div class="subbox"></div>
<div class="subbox"></div>
<div class="subbox"></div>
<div class="subbox"></div>
<div class="subbox"></div>
<div class="clear"></div>
</div>
</body>
</html>
要讓某個(gè)層高度自適應(yīng)，要把它的屬性float設(shè)置為left或right值；
在其中建一個(gè)層，并設(shè)置屬性clear:both.
本文的討論也很精彩，瀏覽討論>>
JavaEye推薦
文章來(lái)源:
http://tianshi0253.javaeye.com/blog/205269
posted on 2008-06-18 17:40
姚文超 閱讀(138)
評(píng)論(0) 編輯 收藏