使用液体布局时文本重叠

Question

This possible duplicate didn't help me

我的代码很简单 - ＆gt; My code, Plunker

我希望我的文字不重叠并保持侧边栏百分比为7％ 和内容90％。
我怎样才能保持布局流畅？

Answer 1

侧边栏内的内容很大，超出了容器的范围。如果您在侧边栏中添加了overflow：hidden，您将看到只显示列表项目项目符号。

UL上的边距正在将所有内容推到外面，而且这些字词也不适合7％宽度的屏幕尺寸。你可以使用word-break：break-all; css3规则但在某些浏览器中不起作用http://caniuse.com/#search=word-break

.sidebar ul{
  width:100%;
  margin:0;
  padding:0;
  overflow:hidden;
  word-break:break-all;
}