css - 使用流式布局时文本重叠

Question

This possible duplicate didn't help me

我的代码很简单-> My code, Plunker

我希望我的文本不重叠并将边栏百分比保持为 7%含量90%。
如何在保持布局流畅的同时做到这一点？

Answer 1

侧边栏中的内容有两个大，超出了容器的范围。如果您将 overflow:hidden 添加到侧边栏，您将看到只有列表项元素符号出现。

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

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