div+css 请帮忙调整下
发布网友
发布时间：2022-04-21 02:24
共3个回答
热心网友
时间：2022-04-21 03:54
body的外边距所致，在css代码中加入以下代码即可：
html, body {
margin:0;
}
原来你是这个意思，这样写当然不会平分，因为你 menu2-menu5 都是在 menu 这个 div 中，这样写是宽度占到 menu 的 20%，而不是页面的，所以要把 menu2-menu5 的 width 都改为 25%，也就是各占 menu 这个 div 的 1/4
同理，下面的 content 应该占到 main 的 80%
另外，footer应该加一个 clear:both; 来清除浮动，否则在 ff 下显示有问题
最终 css：
#header{
background-color:#ff00ff;
height:250px;
width:100%;
}
#menu{
height:100px;
width:80%;
float:right;
}
#menu1{
background-color:#ff3333;
height:100px;
width:20%;
float:left;
}
#menu2{
width:25%;
height:100px;
background-color:#cc99ff;
float:left;
}
#menu3{
background-color:#cc0000;
height:100px;
width:25%;
float:left;
}
#menu4{
background-color:#0066cc;
height:100px;
width:25%;
float:left;
}
#menu5{
background-color:#ccff99;
height:100px;
width:25%;
float:right;
}
#leftbar{
background-color:#cccc00;
height:300px;
width:20%;
float:left;
}
#main{
height:300px;
width:80%;
float:right;
overflow:hidden;
}
#infobar{
background-color:#cc3300;
height:300px;
width:20%;
float:left;
}
#content{
background-color:#00ff00;
height:300px;
width:80%;
float:right;
}
#footer{
background-color:#ff0000;
height:50px;
width:100%;
clear:both;
}
热心网友
时间：2022-04-21 05:12
infobar与content写在同一个div中，那么20%代表的是main这个div中的20%.换为40%就没有空白了，其他的同理 。下面是改后效果图
热心网友
时间：2022-04-21 06:46
magin:0px;}
#footer { clear:both;}
