0

私はレスポンシブデザインをゼロから構築しようとしており、jsfiddle を使用していくつかのテストを行っています。幅が固定された 2 つの外側の列と、その間の残りの幅を占める中央の列があります。私の人生では、外側の列を展開して、それらが入っているラッパーの高さを埋めることはできません。これは、中央のdivに中央のスペースをとらせる方法と関係があると思います(右の後に配置します) div を順に追加してから、overflow:hidden を追加します)。

clear:both を含む div でフロートをクリアしようとしました。また、overflow:hidden をラッパーに追加しようとしました。

jsfiddle リンクは次のとおりです。http://jsfiddle.net/jleslie/ErAWn/1/

どんな助けでも大歓迎です！

4

2 に答える 2

1

フロートは使用しないでください。左右の絶対位置で応答性を保つことができます。

http://jsfiddle.net/ErAWn/4/

于 2012-09-25T21:59:10.017 に答える
0

このスタイルをサイドカラムに適用すると、jsfiddleでは機能しないように見えますが、Safari、Chrome、FFで機能します。さらに、必要に応じてフローティングが保持されます。

.side_col {
width: 200px;
background-color: red;
height: 100%;

}

于 2012-09-25T21:59:14.863 に答える