css - 使用液体布局时文本重叠

Question

这个可能的重复对我没有帮助

我的代码很简单 ->我的代码，Plunker

我希望我的文本不重叠，并将侧边栏百分比保持为 7%，内容保持 90%。
如何在保持布局液态的同时做到这一点？

Answer 1

侧边栏中的内容有两个大，超出了容器的范围。如果将溢出：隐藏添加到侧边栏，您将看到仅显示列表项项目符号。

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

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