0

シナリオ：3つのDIVが並んでいる1つのヘッダーDIVが左に浮かんでいます。

問題：HEADER_Adivからの「テキスト」がHEADER_BDIVなどにオーバーフローしています。

スクリーンショット/CSS：

代替テキストhttp://thumb0.webshots.net/t/74/174/8/92/12/2239892120105349420zNlkOc_th.jpg

#header{
height:127px;
width: 718px;
}

#header_a {
    width:181px;
    height: 127px;
    color:#FFFFFF;
    float:left; 
}

#header_b{
width: 363px;
float:left;
height: 127px;
/*background-image:url(../images/logo.jpg);*/
background-position:bottom;
background-repeat:no-repeat;
background-color:#006600;
}

#header_c{
width: 174px;
float:left;
height: 127px;
}

<div id="header">
      <div id="header_a">ddddddddddddddddddddddddddddddddddddddddddddddddddddddd</div>
        <div id="header_b"></div>
        <div id="header_c"><img src="images/nuevo.png" /></div>
    </div>
4

1 に答える 1

2

dddddddddddddddddddddddddddddddddddddddddddddddddddddddは>181pxです。

それは単一の単語と見なされ、単語が分割されていないため、明らかにオーバーフローします。適切なテキストを使用するか、「dddddddddddddddddddddddddddddddddddddddddddddddddddddddd」のようなスペースを入れてください。

編集：

一方、同じことが画像にも起こります。したがって、div内でその親よりも大きいものはすべてオーバーフローします。使ってみることができます'overflow:hidden'

于 2009-07-11T15:10:54.290 に答える