本文探讨了一个前端布局问题，当一个div设置为80%宽度无法与上方80%宽度div对齐，而改为100%宽度后可以对齐的情况。主要分析了浮动元素、margin:0 auto和容器宽度设置对布局的影响，以及解决方案。
该楼层疑似违规已被系统折叠 隐藏此楼查看此楼
main这个div为什么我设置80%不能和上面的div一样宽啊 上面的都是80% main这个div我设成100%后才能一样宽 为什么啊 谢谢
无*{
margin:0;padding:0;
}
#top{
width:80%;
margin:0 auto;
background:red;
height:30px;
}
#top ul li{
float:left;
list-style-type:none;
width:33%;
text-align:center;
line-height:30px;
}
#topmain{
width:80%;
margin:0 auto;
}
ul,li{
margin:0px;padding:0px;
}
#topleft{
float:left;
width:10%;
background:green;
height:60px;
}
#topleft ul li{
list-style:none;
height:20px;
line-height:20px;
width:100%;
font-size:2px;
}
#topright{
background:orange;
width:90%;
float:right;
height:60px;
}
#topright ul{
float:left;
width:100%;
}
#topright ul li{
margin:0px;padding:0px;
float:left;
margin-left:2px;
font-size:2px;
height:20px;
line-height:20px;
}
#main{
float:left;
width:100%;
margin:0 auto;
text-align:center;
}
#main ul li{
list-style:none;
height:30px;
line-height:30px;
width:100%;
display:block;
}
#main ul li a{
background:blue;
display:block;
width:100%;
}
- 第一部分
- 第二部分
- 第三部分
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
