为什么文本可以在div中的一行中写入？

Question

我正在使用模板来构建网站。问题是在滑块中我在由我创建的div中写入文本，并且文本显示在一行中，因此它溢出了div。我无法理解为什么文本没有以正确的方式显示。我试图寻找问题，寻找影响父母的CSS课程。标签，但我没有看到任何错误。

<div class="caption text sfb" data-x="1" data-y="266" data-speed="400" data-start="1200" data-easing="easeOutExpo">
  <div style="max-width: 40% !important; overflow: auto;">
    Blah blah blah blah blah blah blah blah blah blah blah blah
  </div>
</div>

文本 Blah blah blah ... 显示在一行中，它忽略 max-width：40％。如果我写属性溢出，文本会尊重 max-width ，但仍然在一行中，这是我不想要的。

我的问题是：任何人都知道我可以使用！important 来修复此行为的任何CSS属性吗？

Answer 1

尝试：

<div style="max-width: 40% !important; white-space:normal!important; overflow: auto;">

Answer 2

您需要更改max-width:40%，而父div的宽度仅为40％，请尝试更改max-width:100%

或

如果您希望滚动内容，请尝试使用

div{
    word-wrap:normal;
    white-space:nowrap;
}

<强> DEMO