Html 应用css样式使文本完全可见

在这种情况下，是否可以将css样式应用于

内部

类，以便完全显示文本（内部div比其父类宽）

HTML:

因此，对

.internal

（高度：40px）的任何更改都不应更改，以便通过将div向右加宽一点，使文本完全显示在两行中

不允许更改主类的html结构或CSS样式

不幸的是，不允许滚动。

---

一切看起来都应该是一样的，但是内部div将文本显示为两行（内部div看起来更宽）。

很抱歉，如果这不符合您的所有要求，但这是我得到的关于您共享的示例的信息，希望能有所帮助

。相对换行{
位置：相对位置；
}
梅因先生{
边框：1px纯红；
宽度：50px；
溢出：隐藏；
高度：80px；
}
.内部{
高度：40px；
边框：2倍纯绿；
右边距：-50px；
位置：绝对位置；
宽度：100px；
背景：白色；
}
.textdown{
线高：110px；
}

1111111
dds adg asdg asdg
22222

很抱歉，如果这不符合您的所有要求，但就我所知，这是您分享的示例，希望能有所帮助

。相对换行{
位置：相对位置；
}
梅因先生{
边框：1px纯红；
宽度：50px；
溢出：隐藏；
高度：80px；
}
.内部{
高度：40px；
边框：2倍纯绿；
右边距：-50px；
位置：绝对位置；
宽度：100px；
背景：白色；
}
.textdown{
线高：110px；
}

1111111
dds adg asdg asdg
22222

您必须添加

溢出-x:scroll或
自动
到主元素，子元素的宽度固定。我想不出什么办法，只要更改
内部的CSS即可：

您必须添加
overflow-x:scroll或
自动
到主元素，子元素的宽度固定。我想不出什么办法，只要更改
内部的CSS即可：

您的main设置为50px，因此不能再宽了。您可以添加溢出：滚动到。内部类
溢出：隐藏
剪切外部元素维度之外的任何内容。如果您不希望出现这种效果，请不要将溢出设置为隐藏。尝试过的
overflow:visible
？只需从main中删除溢出并为其添加一个宽度。innerGuys，请先查看此处，然后再向下投票：overflow:hidden for parent仍然可行。您的main设置为50px，因此其宽度不能超过该值。您可以添加溢出：滚动到。内部类
溢出：隐藏
剪切外部元素维度之外的任何内容。如果您不希望出现这种效果，请不要将溢出设置为隐藏。尝试过的
溢出：可见
？只需从main中删除溢出，并为其添加一个宽度。innerGuys，请在向下投票之前查看此处：溢出：为父级隐藏仍然可能。
<div class="main">
  <div>
    1111111
  </div>
  <div class="inner">
    dds adg asdg asdg
  </div>
  <div>
    22222
  </div>
</div>

.main {
  border:1px solid red;
  width: 50px;
  overflow: hidden;
}
.inner{
  height: 40px;
  border:2px solid green;
  margin-right: -10px;
}