为什么这个css布局练习的代码在浏览器中body会有8px的margin，不是清零了吗

枣-***

混合布局编程挑战

.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;}

top

right

left

foot

强***

选择器用错了，.body前面的点去掉就好了，你可以先写个*{margin: 0; padding: 0;}把所有元素的边距都清除掉，因为除了body，像p、ul、ol、h1~h6……都有外边距或者内边距，如果你每用一次这里的标签清一次边距会比较麻烦，所以统一清一下边距，也省去很多麻烦

haley***

*{magin :0 auto ;}

m1200***

选择body直接写body就行了，前面加了点代表取class是body的元素
body{margin:0;padding:0;font-size:30px;color:#fff}

已有账号？

找人解决需求

为什么这个css布局练习的代码在浏览器中body会有8px的margin，不是清零了吗

全部参与3

热门问答

枣-***

今日需求悬赏

今日问答求助

发布任务需求已有1031165位用户正在使用天盟网服务

新手帮助

平台规则

关于天盟

一键快捷导航

微信公众号

手机客户端