2

まず始めに、私はまだ CSS にまったく慣れていないので、ひどくばかげたことをしていないことを願っています。

基本的に、 Pureを使用して構築したデザインがあり、Firefox では意図したとおりに動作しますが、幅は Google Chrome で再生されます。

私が行ったことへのリンクは次のとおりです: http://egf.me/Rushd/rushdtest.htmlとスクリーンショット:

ページのソースを見ると、私は自分の CSS で何かを変更するために実際に何もしていません (念のため、確認のためにすべてコメントアウトしました)。 、自分のサイトが Chrome で適切にレンダリングされるためです。

また、Chrome の開発ツールを使用して要素を調べると、隣接する必要がある div 要素の幅が、合計すると親の幅よりも小さくなることがわかります。そして、バッファやパディングがあるようには見えません。また、手動で幅を非常にわずかに小さくすると、Chrome は魔法のようにすべてを修正するようです。

4

1 に答える 1

6

問題は、子 div の間にスペースがレンダリングされることです。問題はマージンでもパディングでもありません。実際には、HTML コードの div タグ間の空白が原因です。

タグを空白なしで互いに直接隣接して配置すると、問題が解決されます;)

サンプルコード

<!--whitespace in HTML = renders as a space between the divs-->
    <div></div>
<div></div>
<!--no whitespace in HTML = renders edge to edge-->
<div></div><div><div>
于 2013-07-01T11:44:42.267 に答える