CSS浮动和清除

CSS浮动：

• float  让元素浮动，取值：left(左浮动)、right(右浮动)；
• 浮动的元素，将向左或向右浮动浮动到包围元素的边上，或者上一个浮动元素的边上为止；
• 浮动的元素，不再占空间了，并且浮动元素的层级要高于普通元素；
• 一行中的多个元素，要浮动一起浮动；
• 浮动的元素，一定是"块元素"。不管它原来是什么元素。如果浮动的元素没有指定宽度的话，浮动后它将尽可能的变窄。因此，浮动元素一般要定宽和高。
• 浮动的功能：可以实现将多个块元素并列排版。

 

CSS 清除浮动：

• clear  取值：left(清除左浮动 )、right(清除右浮动)、both(同时清除上面的左浮动和右浮动)；
• 在浮动元素下边使用清除浮动操作；
• 有浮动，就得有清除。如果包围元素指定了高度，那么可以不使用清除功能。
• 清除浮动的功能：a. 让包围元素包住浮动元素；

                                                              b. 清除之下的其他元素将恢复默认排版。

• overflow 是CSS中设置当对象的内容超过其指定高度及宽度时该如何显示；
• 取值：visible(默认值)，不剪切内容也不添加滚动条；

                         hidden，将所有超出范围的所有内容都给隐藏掉；

                         scroll，在DIV层中提供一个滚动条，从而可以查看到DIV层内所有的内容；

                         auto，不需要滚动条时不会出现滚动条，内容超出范围就会显示滚动条。