摘要: 在CSS布局中float属性经常会被用到,但使用float属性后会使其在普通流中脱离父容器,让人很苦恼1 浮动带来布局的便利,却也带来了新问题 1 2 3 4 5 Clear float 6 23 24 25 26 27 ... 阅读全文
posted @ 2014-11-23 20:59 disneyland 阅读(249) 评论(0) 推荐(0) 编辑
摘要: CSS float 浮动属性介绍float属性:定义元素朝哪个方向浮动。1.页面标准文档流、浮动层、float属性1.1 文档流HTML页面的标准文档流(默认布局)是:从上到下,从左到右,遇块(块级元素)换行。1.2 浮动层浮动层:给元素的float属性赋值后,就是脱离文档流,进行左右浮动,紧贴着父... 阅读全文
posted @ 2014-11-23 20:57 disneyland 阅读(313) 评论(0) 推荐(0) 编辑
摘要: 知乎链接:http://www.zhihu.com/question/21644198关于BFC的解释:W3CFans http://www.w3cfuns.com/thread-5595727-1-1.html 前端精选温仔:http://www.cnblogs.com/lhb25/p/insid... 阅读全文
posted @ 2014-11-23 20:46 disneyland 阅读(253) 评论(0) 推荐(0) 编辑
摘要: demo #parent { background: red; width: 200px; height: 200px;}#child { background: green; width: 50px; height: 50px; ... 阅读全文
posted @ 2014-11-23 20:09 disneyland 阅读(145) 评论(0) 推荐(0) 编辑
摘要: 左边是火狐显示,右边为IE显示。用overflow:hidden;可使子div消失。 阅读全文
posted @ 2014-11-23 20:06 disneyland 阅读(153) 评论(0) 推荐(0) 编辑
摘要: margin-right其实有效果的,只是在默认即标准流的情况的下显示不出来效果。如果脱离标准流呢?想到这个,就立马在css文件中加了一个:float:right;然后在测试的时候就能看到margin-right的效果了。.style1{ width:400px; height:440px; bac... 阅读全文
posted @ 2014-11-23 19:25 disneyland 阅读(1489) 评论(0) 推荐(0) 编辑
摘要: 给子div添加margin-top: 20px,发现父子DIV都一起相对BODY下移了20PX,为何不是只是子DIV下移20PX ? 如果我给父DIV添加border: 1px solid,就可以实现父DIV不动,只是子DIV相对父DI... 阅读全文
posted @ 2014-11-23 18:02 disneyland 阅读(231) 评论(0) 推荐(0) 编辑