为什么.right里面不写 width=100% 就会显示只有一小条不能填满main又半部分
如题本来没写width的话默认占满啊,我去掉之后的图在下面
混合布局编程挑战
body{ margin:0; padding:0; font-size:30px; color:#fff}
.top{height:50px;background:#ccc;}
.main{height:500px;background:red;}
.left{height:500px; width:200px;position:absolute;background:blue;}
.right{width:100%;height:500px;position:absolute;margin:0 0 0 210px;background:green;}
.foot{height:50px;background:yellow;}
top
right
left
foot |
免责声明:本内容仅代表回答会员见解不代表天盟观点,请谨慎对待。
版权声明:作者保留权利,不代表天盟立场。
|
|
|
|
如果不设定宽度,因为.right里面有字“right”,那宽度就是被字体撑开的宽度 |
|
|
|
|
默认div是块状元素,沾满整一行,浮动之后变成了行内元素,宽高随内容而定了 |
|
|
|
|