个人笔记-CSS

http://localhost:1081/sdfsdfs/config-browser/actionNames.action

超出容器文字隐藏

.hiddenoverflowtext {width:265px;line-height:25px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display: inline-block;}

强制文字（字母数字有时不换行）换行

text-indent:2em;word-break:break-all; word-wrap:break-word;

点评：用了overflow:hidden 会影响 list-style，即当ul 中的li 的overflow 为hidden的时候，list-style不起作用，不显示前面的点、圈等样式，在ul或li内加入样式：list-style-position: inside; 即可

实际上用了overflow:hidden 会影响 list-style，即当ul 中的li 的overflow 为hidden的时候， list-style不起作用，不显示前面的点、圈等样式。 

解决办法：在ul或li内加入样式：list-style-position: inside; 即可。注意适当调节padding位置使之最适合。

子节点高度超出父节点，父节点不能自动变大，是由于子节点加了float的原因，给父节点加上float属性可解决此问题。