css实用技巧篇

一、清除浮动几种方式：

<div>

<div class="left"></div>

<div class="right"></div>

<div class="dome3"></div>

</div>

1、在父级标签加上类.clear-fix（推荐使用）

.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0} 
.clearfloat{zoom:1} 

或者

.clear-fix { *overflow: hidden; *zoom: 1; }
.clear-fix:after { display: table; content: “”; width: 0; clear: both; }

2、父级div定义 height（ 建议：不推荐使用，只建议高度固定的布局时使用 ）

3、结尾处加空div标签 clear:both ,即class为demo3的加上clear:both

4、父级div定义 overflow:hidden （）

不能和position配合使用，因为超出的尺寸的会被隐藏。

5、父级div定义 overflow:auto （不推荐使用，如果你需要出现滚动条或者确保你的代码不会出现滚动条就使用吧）

6、父级div 也一起浮动 （不推荐）

7、父级div定义 display:table （不推荐）

8、结尾处加 br标签 clear:both （不推荐）

二、系统默认标签样式修改

1、select下拉箭头去除

select{appearance:none; } //ie兼容有问题

清除ie默认选择样式，隐藏下拉箭：select::-ms--expand{ display:none;}