.top{ height:80px; background-color:grey;}
.main{background-color:red; height:400px;width:100%; }
.left{width:200px; height:400px; background-color:blue; }
.right{width:100%;margin-left:210px; height:400px; background-color:rgb(154,204,153);position:absolute}
.foot{background-color:rgb(255,102,52);}
.main{background-color:red; height:400px;width:100%; }
.left{width:200px; height:400px; background-color:blue; }
.right{width:100%;margin-left:210px; height:400px; background-color:rgb(154,204,153);position:absolute}
.foot{background-color:rgb(255,102,52);}
footer没颜色或跑位原因:main没有被里面的元素撑开。
解决办法:1.给main使用隐藏溢出overflow:hidden;让main撑开。
2.给受影响元素清除浮动clear:both;去除影响。
推荐用办法1.
解决办法:1.给main使用隐藏溢出overflow:hidden;让main撑开。
2.给受影响元素清除浮动clear:both;去除影响。
推荐用办法1.
已采纳回答 / 不知不觉后知后觉嗯
你的class写成calss了。。改一下就好<body><div class="top">head</div><div class="main">main</div><div class="footer">footer</div></body>
2017-01-20
.main{ width:960px; height:600px;margin:0 auto}
.left{ width:300px; height:600px; float:left;background:#ccc;}/*左浮动样式*/
.right{ width:600px; height:600px; float:right;background:#FCC;}/*右浮动样式*/
.left{ width:300px; height:600px; float:left;background:#ccc;}/*左浮动样式*/
.right{ width:600px; height:600px; float:right;background:#FCC;}/*右浮动样式*/
最新回答 / 赵小刀丝儿
可以。.main需要设定宽度,中间部分的左右模块分别加左右浮动即可.main { background: red; width: 100%; height: 300px; } .left { background: blue; width: 200px; height: 300px; float: left; } .right { backgr...
2017-01-17