文本溢出問題和文本非纏繞

Question

場景： 一個頭部DIV與三個DIV內並排向左漂浮。

問題： 來自HEADER_A div的「文本」溢出到HEADER_B DIV中，依此類推。

截圖/ CSS：

alt text 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> 

Answer 1

ddddddddddddddddddddddddddddddddddddddddddddddddddddddd是> 181px。

它顯然會溢出，因爲它作爲一個單詞和單詞不被打破。嘗試使用一些適當的文字或給喜歡「ddddddddddd ddddddddddddd ddddddddddddddddd dddddddddddddd」一些空間

編輯：

，另一方面同樣會發生圖像。因此，div中大於其父項的任何內容都會溢出。你可以嘗試使用'overflow:hidden'