html - 如何使移动网站的边距和边框不可见html/css

 *{
    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浏览它

这是网站的临时域

最佳答案

您的身体上仍有5px的填充，请将其设置为：

body {
    padding:0px;
}

你有一个

<br />

这导致页面底部出现空白。

同样，您的宽度设置为95％，这会导致右侧出现空白。
不确定这是否是有意的，但认为如果您也想摆脱该空白，则值得一提。