0

含まれている div に適用した後でも、テキストがコンテナー div からオーバーフローしている Web ページがありますheight:auto;。ページの構成は次のようになります。

<html>
<head>
<body>
<div id="wrapper"> 

    <div id="inner_wrapper">

        <div id="content_left">
                <div class="main_content_text">
                      Overflowing text
                </div><!--end of main_content_text-->
        </div><!--end of content_left-->

        <div id="content_right">
        </div><!--end of content_right-->

    </div><!--end of inner_wrapper-->
 </div><!--end of wrapper-->
 </body>
 </html>

私が使用しているCSSは次のようになります。

#inner_wrapper{
width: 100%;
background-color: white;
min-height: 900px;
height: auto;
margin: 0px auto;
  }

#content_left{
padding: 10px;
margin: 10px 10px 30px 20px;
width: 57%;
min-height: 300px;
float: left;
 }

.main_content_text{
width: 625px;
height: auto;
font-weight: normal;
font-family: 'Source Sans Pro','Ubuntu Light','Ubuntu Condensed',Ubuntu,Tahoma,Arial,sans-serif;
font-size: 15px;
line-height: 20px;
margin-top: 30px;
padding-bottom: 10px;
}

適用しているページはこちらウェブサイト

4

2 に答える 2

0

overflow:auto必要な div を設定します。

于 2013-02-21T10:39:15.793 に答える
0

次のルールを追加

#inner_wrapper:after { content: " "; 表示ブロック; オーバーフロー: 非表示; クリア: 両方; 高さ: 0; }

<div class="clear">フロートをクリアします。追加の要素を追加する必要はありません

于 2013-02-20T23:51:03.140 に答える