码迷,mamicode.com
首页 > Web开发 > 详细

网页布局总结

时间:2014-08-14 13:59:38      阅读:256      评论:0      收藏:0      [点我收藏+]

标签:使用   os   io   ar   div   line   size   ad   

padding:背景一直铺到边框处
margin:重叠 相邻的普通元素(若是浮动的,就会叠加),上下边距并非简单的相加,而是取其中较大的margin值,这种现象叫做margin重叠 ,注意父子div也会发生重叠
块状元素与内联元素的区别:内联元素主要是包裹文字用的,文字有多宽,它就有多宽,对其设置width和height属性没有用,并不独占一行,竖直方向上对其使用margin与padding无效,块
状元素独占一行,设置margin与padding是有效的

双倍margin 的bug:对于左浮动元素,左margin(margin-left)是定义的2倍,解决办法就是定义_display:inline ,对于右浮动........

盒子模型bug:使用严格的doctype声明

3像素margin bug:<div id=“test1”></div><div id="test2"></div> 两个id都要加float ,如果只是在id为test1下加float,在ie下还是会显示连个并列的div

ie下伪类a:link不识别 直接写a就行

关系为父子的两个div元素,竖直方向上如果两个元素都设有margin值,则会取margin值较大的元素的边距值

em px 百分比 :em是相对大小,是指其父元素中的1个“M”的大小 简单理解为父元素的font-size就是1个em单位

相对定位是指元素在其正常的位置偏移某些元素 top left right bottom
绝对定位是指相对与父元素的top left right bottom来定位,并且用绝对定位时候,父元素要求有position:relative属性才行,否则将依据父父....,body,哪个祖先有position属性,就
相对哪个祖先,如果都没有,则相对与body。绝对定位不占领父元素中其他元素的位置,”只是像直升机一样飞在父元素上方“

overflow:scroll 不管内容是否超出浏览器 均有边框
overflow:auto 根据内容的多少决定是否显示边框

网页布局总结,布布扣,bubuko.com

网页布局总结

标签:使用   os   io   ar   div   line   size   ad   

原文地址:http://www.cnblogs.com/hpu-yuandong/p/3912240.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!