中间的DIV宽度自适应怎么做?
发布网友
发布时间：2022-04-21 02:28
共2个回答
热心网友
时间：2022-04-21 03:58
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
*{padding:0;margin:0}
#header,#footer{height:60px; background:#666; color:#fff;}
#body{background:#efefef; overflow:hidden;}
.main{width:100%;float:left}
.sub{width:160px;float:left;margin-left:-100%;background:#F90;}
.extra{width:160px;float:left;margin-left:-160px;background:#093;}
.main .main_container{margin:0 160px 0 160px;background:#ccc}
.main,.sub,.extra{margin-bottom:-10000px;padding-bottom:10000px;}
</style>
</head>
<body>
<div id="header">header</div>
<div id="body">
<div class="main">
<div class="main_container" >main container1<br/>main container2<br/>main container2<br/>main container2<br/>main container2<br/>main container2<br/>main container2<br/>main container2<br/>main container2<br/>main container2<br/>main container2<br/>main container2<br/>main container2<br/>main container2<br/></div>
</div>
<div class="sub">sub columne</div>
<div class="extra">extra column</div>
</div>
<div id="footer">footer</div>
</body>
</html>
热心网友
时间：2022-04-21 05:16
