你的位置:首页 > 网页设计

[网页设计]清除浮动2


<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="Author" content="胡超">
<title>super胡</title>
<style>
.news {
background-color: gray;
border: solid 1px black;
overflow:hidden;
zoom:1;
/*父元素设置overflow:hidden

通过设置父元素overflow值设置为hidden;在IE6中还需要触发 hasLayout ,例如 zoom:1;

 Zoom的使用方法:

 zoom : normal | number normal : 

  默认值。使用对象的实际尺寸 number : 

  百分数 | 无符号浮点实数。浮点实数值为1.0或百分数为100%时相当于此属性的 normal 值 用白话讲解就是zoom:后面的数字即放大的倍数,可以是数值,也可以是百分比。如:zoom:1,zoom:120%。 而这个属性只要在IE中才起作用,所以很少用到它的实际用途,而最经常用到作用是清除浮动等。*/

}
.news img {
float: left;
}

.news p {
float: right;
}

</style>
</head>
<body>
<div >
<img src="7v/1318240446520.jpg" />
<p>some text</p>
</div>

</body>
</html>