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に設定しましたが、Webページをプレビューすると、側面に空白が表示されます。助言がありますか？

これは私が作成した携帯電話用のWebページなので、適切なユーザーエクスペリエンスを取得したい場合は、携帯電話で閲覧できます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 に答える