css2

1.浮动：float：它是用来实现让一个元素浮动取值有两个：left(向左浮动)、right(向右浮动)，当在标准文档流出现高低不齐(image)、空白折叠、一行写不满时，float的意义就出现了。

<html>

<head>

img { float:right }

</style>

</head>

<body>

<p>在下面的段落中，我们添加了一个样式为 <b>float:right</b> 的图像。结果是这个图像会浮动到段落的右侧。</p>

</body>

2.清除浮动：经过浮动的元素它会影响到它下面的元素进行排版布局，浮动元素的父元素没有从视觉上包裹着它的子元素。

方法：

a.给浮动元素的父元素设置一个固定的高度

b.使用清除浮动的属性 clear 这个属性取值有三个：left(清除左浮动)、right(清除右浮动)、both(两个都浮动) 这个清除浮动的属性它一般是用在浮动元素的最后面我们会在浮动元素的最后面新建一个空白的div 这个div里面不要放置任何的内容这个div它就是用clear这个属性来实现清除浮动

.div1,.div2{width：100px;

height:100px

}

.clear{clear:both;

}

</style>

<body>

</body>

c.使用overflow:hidden来清除浮动它主要是给无序列表来使用.overflow:hidden;这个主要作用是用来将溢出的部分进行隐藏

.over{ overflow:hiddeen;

}

</style>

<body>

</ul>

</div>

</body>

posted @ 2016-10-21 13:09 binggo123 阅读(208) 评论(1) 收藏举报

刷新页面返回顶部