08-CSS盒子定位.ppt

overflow属性 （1）overflow属性的基本功能是设置元素盒子中的内容如果溢出是否显示，取值有visible（可见）、hidden（隐藏）、scroll（出现滚动条）、auto（自动）。如果不设置则默认值为visible。 （2）overflow属性的另一种功能是用来代替清除浮动的元素。 如果父元素中的子元素都设置成了浮动，那么子元素脱离了标准流，导致父元素高度不会自动伸展包含住子元素，可以在这些浮动的子元素的后面添加一个清除浮动的元素，来把外围盒子撑开。实际上，通过对父元素设置overflow属性也可以扩展外围盒子高度，从而代替了清除浮动元素的作用。 Overflow属性的四种取值 Overflow扩展盒子高度 .father{ background-color:#ffff99; border:1px solid #111111; overflow:auto; } div class=father div class=son1Box-1/div /div clip属性 img { clip: rect(20px,auto,auto,20px); position: absolute; /*clip属性只能用在绝对定位元素上*/ } CSS+div布局 CSS+div布局 对于CSS布局而言，本质就是大大小小的盒子在页面上摆放，我们看到的页面