1

ここに Dabblet のコードがあります: http://dabblet.com/gist/5705036

絶対配置を使用せずにブラウザーのサイズが変更された場合でも、これらのセグメントをその位置に固定したかったのです。たとえば、ブラウザのサイズが変更されると、メイン コンテンツ コンテナが改行されます [ほとんどのコンテナで CSS Float を使用しています]。

コーディングに何か問題がありますか?

フロートはレイアウトに適していますか? または、他に何かを使用する必要がありますか? ...

私は自分でそれを修正することはできず、多くの調査を行っても、これを修正する方法としてそれを使用する良い考えがありません. [また、section、article、nav などの HTML5 タグも使用します。]

4

3 に答える 3

0

まず第一に、親要素内でフロートを使用する場合は、常に親要素をクリアする必要があります。コンテナの最小幅がないため、右の要素が下がります。コードのサンプルは次のとおりです。

#contentWrapper {
    width: 1000px;
    overflow: hidden; /*scroll / auto it's depends on You */
}
于 2013-06-04T11:03:22.447 に答える
0

あなたのコードには、<div id="contentWrapper ">その要素の CSS が表示されないようにするスペースがあることに気付きました。また、#contentWrapper の幅を 2 ​​ピクセル増やす必要がありました。

#contentWrapper {
    width: 992px;
}

スペースを削除して #contentWrapper の幅を変更するとうまくいきました。数学をざっと見てみましたが、なぜ 992px である必要があるのか​​わかりませんでした。誰？

したがって、あなたの質問への答えとして、フロートは問題なく、あなたのアプローチは良いと思います.2つの小さなエラーがありました.

于 2013-06-07T09:30:46.067 に答える