今天同搜索引擎的一个朋友聊天,聊起来几个css的问题,汗,都不知道,平时使用的时候,只知道copy,没有从原理上去理解,最后只能听他给我说了。为了让以后不至于再显得无知,特记录下
1 css 中 ,兼容浏览器的clear 浮动的原理
2
<style>
.a {margin:10px;padding:10px;height:100px;width:100px;background:red;}
</style>
<body>
<div class="a"></div>
<div class="a"></div>
</body>
这两个div 是怎样排列的呢?各自的盒子是怎么样的呢?
3 在常用的三栏结构中
<div>
<div id="leftSide"></div>
<div id="content"></div>
<div id="rightSide"></div>
</div>
为了让content 最快渲染,把content 移动到最上面,css怎么写呢?