摘要: 浮动定位对文档流元素排版的影响 1.浮动元素会覆盖在文档流元素之上 <div class="A"></div> <div class="B"></div> .A{ width:200px; height:200px; float:left; } .B{ width:200px; height:200 阅读全文
posted @ 2017-06-16 15:25 reus531 阅读(133) 评论(0) 推荐(0) 编辑
摘要: 一、浮动定位 设计初衷:文字环绕 浮动会让控件脱离文档流 float:left、right、none 1.浮动定位可以把任何控件排列成一行,前提这行有足够的空间,如果没有足够的空间那么控件会换行排列 2.浮动定位会让处在相同之内的控件顶端对齐 3.浮动定位会过滤掉控件之间的空白,例如: <img s 阅读全文
posted @ 2017-06-16 15:06 reus531 阅读(204) 评论(0) 推荐(0) 编辑
摘要: 块模型(block模型) 1.块模型被浏览器渲染执行的时候会独占一行空间 2.即使块模型的宽度小于页面的宽度,块模型也会独占一行,也就是说块模型独占与它的宽度有关 3.如果要为一个html控件设置高度和宽度,那么这个控件必须是块模型,加display:block变成块模型 如超链接:<a href= 阅读全文
posted @ 2017-06-16 12:50 reus531 阅读(753) 评论(0) 推荐(0) 编辑