2024年1月6日发(作者：)

div+css布局中常用方法汇总

1、让文本框textarea适应内容自动伸缩高度:textarea style="width:300px;

overflow-y:visible"

2、cursor:pointer 使鼠标变成手形

3、word-wrap:break-word;控制是否断词

4、word-break:keep-all;控制文本不断行

5、最后finally，开始first，虚线dashed，内部里面的inner,外面的外表的outer，注释note，热点hotspot，branding品牌，翻页pageturn，奇数行add

6、透明设置：filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;

7、解决IE中列表高度显示不正确的问题：

*html ul li{float:left;height:1%;}

*html ul li{height:1%;}

8、a:hover在ie6及以下必须加链接才会有效；.over+javascript用在th:hover时ie6及以下才能识别。

9、onfocus='()',onfocus是获得焦点事件，blur是移除焦点，换句话说就是不让这个链接获得焦点

10、直接模仿iframe产生#content{heitht:200px;width:300px;overflow:auto;}

滚动条11、父li设置了高度，而子li的高度不同时，要先给li：height:auto，在嵌套的列表里，将父li 浮动后，要将子li的float=none，子列表的所有内容都float=none，父ul设置了margin时，子ul要margin=0，因为子会应用父的样式

12、在写类名、id名尽量写的权级低一些，从尔避免后面覆盖要写很长

13、高度不适应：高度不适应主要发生在两个嵌套的对象中，特别当内层对象使用margin或padding时，外层对象不能自动调节高度。解决方法：

1)在外层对象加padding或border，会使计算机重新计算高度

2)可以修改html添加新的对象：

.css{heght:0px;overflow:hidding;}

14、在制作的时候注意测试在宽频浏览器下的表现

15、解决flash在上面档住的问题：wmode="opaque"写在param name="wmode"

value="opaque"；解决ie的问题，写在embed里wmode="opaque"解决fox的问题

16、在ie6里面，图片会默认有一些大于较长尺寸的边，解决的方法是将图片设为display:block,就ok了

17、网站代码命名：search搜索、drop下拉、theme主题外观、tooltoolbar工具条、corcorner转角、圆角、layout布局、searchbox搜索框、dorpmenu下拉菜单、arrarrow箭头

18、单独写给fox浏览器：class="war-box3" lang="zh" 样式：.war-box3

table:lang(zh){}

19、more用a，不要用span

20、max-height:检索对象的最大高度，由数字和单位组成的长度值，或者百分数，不可为负数。

min-height:同上，检索对象的最小高度

max-width:同上，检索对象的最大宽度

max-height:同上，检索对象的最小宽度

21、如果用z-index,就要将两个层都设置，这样济览器才能对比。

22、IE6会撑开，可以使用overflow=hidden; 将层的margin-bottom设置为负数，这样可以让下面的层负上来

23、在遇到制作问题而不明原因时，可以用给背景加红色或加边框，将问题突出出来；如果实在找不出问题的原因，就用排除的方式，查看结构是否有问题，或还是样式表的问题，逐步找出问题的原因

24、在表单里，左浮动后，后面的input无素就会跑上面去（在fox下），原因是父元素p应用了text-indent,只要把归零就好了

25、图片上不要定义padding,把他定义a上面，或li上面，把图片定义成块级

26、在写导航列表时，要把样式写在a上面，不要写在li上面

27、voice-family:""}"";voice-family:inherit;说明：当ie5解析到这儿时就停止了，当ie6解析到这儿时，会继续往下解析

28、当页面调用iframe时，需要在页面刷新时回到页面顶部：