0

私はこれらの種類のdivでの作業にうんざりしています:(。

私は2つのdivを持っています:

<div id="content">
  <div id="row_left"></div>
  <div id="row_middle"></div>
  <div id="row_right"></div>
</div>
<div id="bottom"></div>

css:

#content {
  overflow: hidden; width: 100%;
}

Content-divには、水平方向にとどまる必要がある別の3つのdivが含まれています。

#row_left, #row_middle, #row_rifht { float: left; width: 33%; }

問題は、下部のdivがcontent-textを参照したままにならないことです。コンテンツ行のテキストが終わった場合でも、常に同じ位置にあります。どうすれば修理できますか?

4

3 に答える 3

2

試す

...
<div id="bottom" style='clear:both'></div>
于 2009-09-12T10:38:48.737 に答える
1

次のスタイルのコンテンツの後にdivを追加してみてください。

clear: both; line-height: 0.1em;

そして、

&nbsp;

初期化

于 2009-09-12T10:37:57.290 に答える
1

余分なマークアップを追加せずにフロートをクリアしたい場合は、これを CSS に入れます:

#content { zoom: 1; }
#content:after {
    clear: both;
    display: block;
    content: ".";
    height: 0;
    visibility: hidden;
}
于 2009-09-12T12:07:51.367 に答える