CSS+DIV网页布局与美化 第三章 CSS布局模型课件.pptVIP

第三章 CSS布局模型;第二章 CSS样式与盒模型;布局模型;流动布局模型;层布局模型; static:表示不定位，是默认值，遵循流动模型。 absolute:绝对定义，通过设置top、right 、bottom 、left的值，可以使元素放置到任何位置。 relative:相对定位，通过设置top、right 、bottom 、left的值确定元素在正常文档流中的偏移位置，（以原位置的左上角为参考点进行偏移）。 fixed:固定定位，目前IE浏览器不支持该属性。 ;若父元素定义为 position:relative; 子元素定义为 position:absolute; 那么子元素的位置将相对于父元素，而不是整个页面。;浮动布局; 内联元素在定义浮动属性后，可以定义高、宽属性，此时高、宽属性有效。 ;浮动清除属性clear,取值包括4个 left：清除左边的浮动对象，如果左边存在浮动对象，则当前元素会在浮动对象底下显示。 right：清除右边的浮动对象，如果右边存在浮动对象，则当前元素会在浮动对象底下显示。 both：清除左右两边的浮动对象，不管哪边存在浮动对象，当前元素都会在浮动对象底下显示。 none：默认值，允许两边都可以有浮动对象。; 当一个浮动对象定义了clear属性时，它不会对前面的任何对象产生影响，也不会