0

私は3つのdivタグを持っています。

<div id="thread">
          <div id="left-panel" style="width: auto;">a</div>
          <div id="content" style="width:1024px; margin: auto;">c</div>
          <div id="right-panel" style="width: auto">b</div>
</div>

私は欲しいdiv#left-panel、div#right-panelとインラインでdiv#content。 画面解像度が変更されたときDiv#left-panelの自動幅。div#right-panel

私を助けてください！

4

3 に答える 3

0

現在のマークアップと CSS の組み合わせの場合、3 つの div を水平方向に揃えることはできません。

div を水平方向に整列させるために従わなければならないルールが 1 つあります。

(Total(width + margin + padding) of divs to be horizontally aligned ) 
                     <= Total width of the Parent Container.

ここで、水平画面全体の幅 (水平スクロールバーなし) をカバーしたい場合は、div とfloat:leftそれらにパーセンテージ幅を指定できます。

      <div id="thread" style="width: 100%;">
           <div id="left-panel" style="width: 10%">a</div>
           <div id="content" style="width:78%;">c</div>
           <div id="right-panel" style="width: 10%">b</div>
      </div>

このデモを見る

于 2013-04-10T11:41:05.637 に答える