<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>混合布局编程挑战</title><style type="text/css">.body{ margin:0; padding:0; font-size:30px; color:#fff}.top{background:#ccc;height:100px;margin:0 auto;}.main{background:red;height:400px;}.left{background:blue;height:400px;width:200px;float:left;}.right{background:green;height:400px;position:absolute;left:0;}.foot{background:orange;margin:0 auto;clear:both;}</style></head><body><div class="top">top</div><div class="main"> <div class="right">right</div> <div class="left">left</div></div><div class="foot">foot</div></body></html>
3 回答
已采纳
blovetu
TA贡献319条经验 获得超234个赞
选择器用错了，.body前面的点去掉就好了，你可以先写个*{margin: 0; padding: 0;}把所有元素的边距都清除掉， 因为除了body，像p、ul、ol、h1~h6……都有外边距或者内边距，如果你每用一次这里的标签清一次边距会比较麻烦，所以统一清一下边距，也省去很多麻烦
Caballarii
TA贡献1123条经验 获得超629个赞
选择body直接写body就行了，前面加了点代表取class是body的元素
body{ margin:0; padding:0; font-size:30px; color:#fff}- 3 回答
- 0 关注
- 2116 浏览
相关问题推荐
添加回答
举报
0/150
提交
取消