設置總的div
為什么我設置了一個總的div all第二個的位置就發生了變化我的margin和padding都是0還有空隙
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>無標題文檔</title>
<style type>
#all{
margin:0;
padding:0;
}
#div1{
width:200px;
height:500px;
position:absolute;
left:0;
top:0;
background-color:#00F;}
#div2{
height:500px;
margin: 0 300px 0 200px;
background-color:#900;
}
#div3{
width:300px;
height:500px;
position:absolute;
right:0;
top:0;
background-color:#FC9;
}
</style>
</head>
<body>
<div id="all">
<div id="div1"></div>
<div id="div2"></div>
<div id="div3"></div>
</div>
</body>
</html>
2017-03-04
必須設置body的margin和padding為0，因為第一個和第三個div設置了絕對定位，所以看不出來有空隙，而第二個div就存在body的邊距，導致空隙的出現 ，你設置一個all并沒有改變body的邊距，所以空隙會存在
2017-03-04
那個我也是初學者我看了下，你這個用#all是不能完全消除瀏覽器默認的margin 與 padding的吧，要用body或者*才能消除吧。說的不對不要介意哈