小技巧处理div内容溢出，小技巧div溢出

小技巧处理div内容溢出，小技巧div溢出

前几天遇到一个问题，代码是这样一个层次：

我设置了div的边框，

要想ul的内容在边框内，

必须设置div高度。

但是，ul内的内容是变化的，内容少的时候就不及div的高度。

不设高度的时候，ul的内容就出现在边框外了。

原来需要设置ul的边框。想想也是，先设置与他关系最近的元素吧。

对于前端不是很专业的同僚来说，写css样式表还是有个规则比较好：

指定css样式要有层次：如上例，定义li的样式 .province ul li{...}

写样式有个大致顺序：容器大小（width,height......）,容器位置（left,margin......）,容器文本（color......）,其他

这样尽可能避免样式覆盖之类的问题。

div有border?padding?
img有border?margin?
如果有一项，就不要设一样的吧？稍微小点,2px,就可以了。
注意看看css里是否有控制。
 

英文默认不会出现词内换行。如DDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDD它会认为你是一个单词，出现溢出。
强制词内换换吧：
语法：
word-wrap : normal |
break-word
取值：
normal :　 默认值。允许内容顶开指定的容器边界
break-word :　 内容将在边界内换行。如果需要，词内换行( word-break
)也将发生
说明：
设置或检索当当前行超过指定容器的边界时是否断开转行。
此属性仅作用于有布局的对象，如块对象。内联要素要使用该属性，必须先设定对象的 height 或 width 属性，或者设定 position 属性为 absolute ，或者设定 display 属性为 block 。
此属性对于 currentStyle
对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 wordWrap 。
示例：
div { word-wrap: break-word; word-break: break-all; }

精通HTML/XML/CSS等，精通W3C标准；
能熟练的使用DIV+CSS进行页面架构和布局；
熟练JS 具有良好的编程风格；
了解浏览器工作原理,能够处理各种浏览器兼容问题，兼容IE6 IE7 IE8 火狐等主流浏览器，具有良好的编程习惯和代码编写能力；
按质量帮你还原成页面，价格：80-200元/页面
保证质量速度，修改满意后在付款，诚心合作的请加QQ：(1410189154)谢谢 加时请注明：网页布局