divcss布局中常用方法汇总

《divcss布局中常用方法汇总》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、div+css布局中常用方法汇总1、让文本框textarea适应内容自动伸缩高度:textareastyle="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，奇数行add6、透明设置

2、：filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;7、解决IE中列表高度显示不正确的问题：*htmlulli{float:left;height:1%;}*htmlulli{height:1%;}8、a:hover在ie6及以下必须加链接才会有效；.over+javascript用在th:hover时ie6及以下才能识别。9、onfocus='this.blur()',onfocus是获得焦点事件，blur是移除焦点，换句话说就是不让这个链接获得焦点10、直接模仿iframe产

3、生滚动条#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时，外

4、层对象不能自动调节高度。解决方法：1)在外层对象加padding或border，会使计算机重新计算高度2)可以修改html添加新的对象：.css{heght:0px;overflow:hidding;}14、在制作的时候注意测试在宽频浏览器下的表现15、解决flash在上面档住的问题：wmode="opaque"写在paramname="wmode"value="opaque"；解决ie的问题，写在embed里wmode="opaque"解决fox的问题16、在ie6里面，图片会默认有一些大于较长尺寸的边，解决的方法是将图片设为disp

5、lay:block,就ok了17、网站代码命名：search搜索、drop下拉、theme主题外观、tooltoolbar工具条、corcorner转角、圆角、layout布局、searchbox搜索框、dorpmenu下拉菜单、arrarrow箭头18、单独写给fox浏览器：class="war-box3"lang="zh"样式：.war-box3table:lang(zh){}19、more用a，不要用span20、max-height:检索对象的最大高度，由数字和单位组成的长度值，或者百分数，不可为负数。min-height

6、:同上，检索对象的最小高度max-width:同上，检索对象的最大宽度max-height:同上，检索对象的最小宽度21、如果用z-index,就要将两个层都设置，这样济览器才能对比。22、IE6会撑开，可以使用overflow=hidden;将层的margin-bottom设置为负数，这样可以让下面的层负上来23、在遇到制作问题而不明原因时，可以用给背景加红色或加边框，将问题突出出来；如果实在找不出问题的原因，就用排除的方式，查看结构是否有问题，或还是样式表的问题，逐步找出问题的原因24、在表单里，左浮动

7、后，后面的input无素就会跑上面去（在fox下），原因是父元素p应用了text-indent,只要把归零就好了25、图片上不要定义padding,把他定义a上面，或li上面，把图片定义成块级26、在写导航列表时，要把样式写在a上面，不要写在li上面27、voice-family:""}"";voice-family:inherit;说明：当ie5解析到这儿时就停止了，当ie6解析到这儿时，会继续往下解析28、当页面调用iframe时，需要在页面刷新时回到页面顶部：

8、id="dfsarrer"src="http://"scrolling="no"frameborder="0"marginwidth="0">29、当flash页面中有两个，需要叠加时，可以使用下面的代码：