0 
 *{
    margin:0;
    padding:0;
    border:0;
    font-family: Helvetica, sans-serif;
    -webkit-text-size-adjust:none;
}


#menubar * { padding: 0; margin: 2; }
    body { padding: 5px; font-family: Helvetica, Arial, sans-serif; width:95%; font-size:12px}
    #menubar ul{
 text-align:center;
}
    #menubar ul li { display:inline-block; padding: 2px;  position: relative; margin-left:-10px; margin-right:-20px; margin:invisible; }
    #menubar ul a { display: table-cell; vertical-align: middle; width: 80px; height: 30px; text-align:center; background: #FFF; color:#000; border-style: solid; border-width:2px; border-color:#1570a6; text-decoration: none; }
#menubar li:after{
 border-left:50px solid black;
border-right:60px solid black;
content:"";
position:relative;
left:-12px;
top:-18px;  
z-index:-1;
display:block;
height:1px;
}

我在标题上得到了这段代码，我将边距和边框设置为 0，但是当我预览网页时，我仍然在两侧得到一个空白区域。有什么建议么？

这是我为手机制作的网页，所以如果你想获得适当的用户体验，你可以用手机浏览它http://obdkey.comyr.com/Home.html

这是网站的临时域

4

2 回答 2

0

你的身体仍然有 5px 的填充，将其设置为：

body {
    padding:0px;
}

你有一个

<br />

这导致了页面底部的空白。

此外，您的宽度设置为 95%，这导致右侧的空间。不确定这是否是故意的，但认为值得一提，以防你也试图摆脱那个空白。

于 2013-03-20T11:50:34.383 回答
0 
body { padding: 5px;

这可能是您的问题，请尝试删除此属性。

于 2013-03-20T11:51:11.597 回答