1

http://mistcave.com/temp/

ページを拡大し、右にスクロールします。ヘッダーの下部にある 1 ピクセルの黒い境界線が少し短く切り取られています。この問題を解決するにはどうすればよいですか?

4

4 に答える 4

2

ヘッダーdivにborder bottomプロパティを配置します

また、Google Chrome を使用している場合は、要素を選択して各 div のサイズを表示できるので、今後のトラブルシューティングに役立ちます。

于 2013-04-24T02:18:01.533 に答える
0

汚いハックをしました。タフで完璧に動作します。

デモフィドル

#wrap {
    width: 100%;
}

#header {
    border-bottom: 1px solid #000000;
    margin-bottom: -1px;
}
于 2013-04-24T02:34:28.130 に答える
0

CSS の #wrap の幅を 100% に設定します

または、単に次の手順を実行します。

body
{
    overflow-x: hidden;
}
.extendfull, .extendleft
{
    padding-left: 3000px;
    margin-left: -3000px;
}
.extendfull, .extendright
{
    padding-right: 3000px;
    margin-right: -3000px;
}

overflow-x: hidden は水平スクロールを防ぎ、パディングを増やすことは自明です。

于 2013-04-24T02:18:14.203 に答える
0

それは本当に問題ではありません。Border-bottom 効果はブラウザのサイズに従うためです。あなた以外の Web ユーザーはページをズームインおよびズームアウトしません。

また、すべての画面サイズで問題ありませんが、ズームインおよびズームアウトしないでください。それは問題ありません。すべてのサイトにもその問題がありますが、大したことではありません。

于 2013-04-24T02:19:27.650 に答える