0

2つのメインブロックを（画面の解像度に関係なく）水平に配置したいと思います。1つにはfloat：leftがあります。

margin-left：autoを.site（メインコンテンツブロック、右側）に設定すると、水平方向に配置されます。問題は、サイドバー（左側のブロック）も整列させる方法がわからないことです。メニューがコンテンツブロックに完全に「アタッチ」されていることを確認する必要があるため、難しいです（したがって、解像度が異なると、position：relative; left：XXpxを使用できません）。

何か案は？:)

編集：可能であれば、IE 7-8でも機能するソリューション（残念ながら）：D

4

1 に答える 1

0

ここで何かが足りないかもしれませんが、2つのブロック要素を取得して、それらを水平方向に中央揃えにしたいだけですか？

それらを別のdivでラップし、そのラッパーdivを。に揃えるだけmargin: 0 autoです。

このリンクを確認してください。

<div id="#wrapper">
  <div id="sidebar">Sidebar</div>
  <div id="content">Content</div>
</div>

編集： もちろん、コンテンツdivも（サイドバーだけでなく）フロートする必要があります

于 2012-12-29T21:29:57.320 に答える