2008-06-18

层高度自适应的问题--

<!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>

 

要让某个层高度自适应，要把它的属性float设置为left或right值；

在其中建一个层，并设置属性clear:both.

评论
hellohong 2008-07-16
这个不叫高度自适应吧!
发表评论

您还没有登录，请登录后发表评论