css table嵌套内部table不受外部影响_HTML+CSS网页一揽子（4）

CSS重要属性之浮动

基本属性：

float:left；左浮动

float:right；右浮动

float:none；不浮动(一般应用于覆盖既有浮动属性时使用)

clear:both；清除浮动对其他元素带来的影响

应用场景：

(1)网站大的结构布局：

在web发展最初的几年，网页布局都是采用table表格布局实现的，通过table的跨行跨列实现单元格的合并(类似于excle中的单元格操作) ，但随着技术的不断发展及网页布局、CSS属性的不断升级，table布局的局限性(table>tr>td标签嵌套过于复杂且结构不易拆分，不利于搜 索引擎抓取信息)不足以适应布局网页使用，整体的布局逐渐转变为div流体布局。

div流体布局最常用的就是通过浮动实现基本布局(CSS3中有弹性布局也可实现)

如图：

两个元素分别左右浮动便可实现两个元素分别居左居右显示。

注意事项：

①某一个容器中所有元素都进行了浮动属性设置，父元素便会失去宽高，