我的文字和內容沒有被指定的尺寸「載」

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; 

更多細節