为什么不呢，尽管应用了css overflow:hidden?

Question

我尽量确保如果此主页上的水平长度很长，则所有内容都打印出来，否则文本元素不会出现在里面。 但是，与附加图像一样，如果减少水平长度，则右侧的图标将不在框中。 溢出：隐藏在带有文本的div中，但在省略文本之前图标出现。 我该怎么办？

<style>
#headerText{
overflow: hidden;
margin-left: 20%;
margin-right: 20%;
width: 50%;
float: left;
color:#ffffff;
font-size: 28pt;
font-weight: bold;
}
#HeadLogo{
float: right;
overflow: inherit;
margin-right: 10px;
width: 50px;
height: 50px;
background-image : url('../../../image/cbu_simple_logo.png');
background-repeat : no-repeat;
background-size : cover;
}
</style>

整页 短页

Answer 1

#HeaderText 是指包含 #HeadLogo 的div 吗？

隐藏溢出的工作方式如下：

div.myHiddenOverFlow {
width: 110px;
height: 110px;
overflow: hidden;
border:solid 1px;
}

<h2>overflow: hidden:</h2>
<div class="myHiddenOverFlow">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</div>