首页 > 代码库 > 网页布局总结

网页布局总结

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 根据内容的多少决定是否显示边框