Question

网页设计怎么去除空白部分

.nav{background-color:black;height:50px;width:980px;margin:0px; padding:0px; list-style:none;} .nav ul{width:980px;/*设置元素宽度为980px**/margin:0px auto 0px auto;/*也可以简写为margin:0 auto*/}.nav ul li{float:left;/*让li元素左浮动*/list-style:none;}.nav ul li a{width:80px;/*设置元素宽为80px*/height:28px;/*设置高度为28px*/line-height:28px;/*设置行距为28px，让文字在每行的中间位置*/background:black;/*设置元素的背景为红色*/color:white;/*文字颜色是白色*/margin:5px 10px;font-size:12px;/*用12号字*/display:block;/*这个比较关键，因为a本身就是联级元素，本身不具有宽高，用这个把它变成块级元素，这样前面设置的宽和高就能起作用了*/text-align:center;/*让文本居中*/text-decoration:none; /*去掉下划线*/}margin:都设置为0了都不行。

Answer 1

<style>
*
{
margin:0px;
padding:0px;
}
</style>

这样就可以把页面外边的空白去除。

Answer 2

不知道你有没有把页面padding和margin初始化为0，还有margin可以取负值，实在没办法可以这样做，劝你还是先开F12看看布局，一般是元素默认大小的问题，可以适当修改默认值。

Answer 3

添加一句
*{
margin:0px;

}
让外边距为0 试试