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

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

Answer 2

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

期望的效果是什么？您可以将overflow: hidden;设置为隐藏溢出的文本，或设置overflow: auto;以在必要时向div添加滚动条等。

Answer 3

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

overflow:scroll;

或隐藏文本的其余部分

overflow:hidden;

有关详细信息，请参阅here

Answer 4

我没有发现你的html和css工作正常有任何问题。

唯一的问题是你的文字 gffghfbvbvvbvbnvbnvnvbnvnbvnbvvnbvv它必须喜欢gffg hfbvbv vbvbnvbnvnvb nvn bvn bvvnbvv，即带有空格。

如果您的单词长度超过定义的宽度，则必须使用overflow：hidden

即

.inner_container{
overflow:hidden;
}

我的文字和内容未在指定的维度中“包含”

4 个答案: