文本溢出问题和文本非缠绕

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'