我的文字和内容没有被指定的尺寸“载”

Question

<div id="content_container"> 

    <div class="inner_container"> 
     gffghfbvbvvbvbnvbnvnvbnvnbvnbvvnbvv 

    </div> 
    <div class="inner_container"> 
    </div> 
    <div class="inner_container"> 
    </div> 

</div> 

的CSS：

#content_container{ 
position:absolute; 
border:1px solid; 
width:550px; 
height:200px; 

} 

.inner_container{ 
position:relative; 
float:left; 
width:177px; 
height:190px; 
margin: 2px; 
border: 1px solid; 
} 

我发誓，我之前已经这样做了，所以林困惑，为什么我的文字是重叠的和未来的超出了指定的177px尺寸？

Answer 1

我不找你的HTML和C的任何问题，请参见here它的工作很好。

唯一的问题是你的文字 gffghfbvbvvbvbnvbnvnvbnvnbvnbvvnbvv它必须像gffg hfbvbv vbvbnvbnvnvb NVN BVN bvvnbvv即与空白。

，如果你有一个词很长，然后你定义的宽度，那么你必须使用溢出：隐藏

即

.inner_container{ 
overflow:hidden; 
} 

Answer 2

这是在CSS中发生溢出时的默认行为。如果您需要其他行为，例如overflow: hidden或overflow: scroll，则需要设置overflow属性。

Answer 3

这是溢出，因为文本是一个单词，没有空格，当渲染时不会换行。

需要的效果是什么？您可以设置overflow: hidden;隐藏四溢的文字，或overflow: auto;的滚动条添加到必要时在div等

Answer 4

使用溢出，你可以决定让框滚动

overflow:scroll; 

或隐藏其他文字

overflow:hidden; 

更多细节