float1.1，语法：float:left;1.尽可能向左或向右浮动，直到其外边缘碰到包含框或另一个浮动框。然后它们下面的所有东西都围绕元素流动（即像流体一样围绕它流动）。2、元素浮动时，不会影响块级元素的布局，只会影响内联元素（通常是文本或图片）的布局。**内联内容（包括文字）始终包围浮动元素，会注意浮动元素的边界；块元素会忽略浮动元素，正常流向页面。1.3.浮动元素的属性：1.浮动元素脱离标准流：这个元素就像被从标准流中删除一样。1）下图是两个div正常标准流程的展示效果。2）下图是div1向左浮动时的显示效果。为什么显示效果是这样的：1）浏览器在上面放置浮动元素div1时，应该尽量放在最左边。2）浏览器将这个div1从流中移除，就好像它漂浮在页面上一样。3）由于div1已经从正常流程中删除，标准流程元素div2会上移，填补这个元素的位置。2.浮动元素具有“自动换行”效果。浮动元素不会遮挡非浮动元素中的文字和图片，即浮动元素下方的所有内容都会围绕该元素流动（即像流体一样围绕该元素流动）。3.浮动元素会相互粘连a)如果父元素的宽度可以显示所有浮动元素，则浮动元素会并排显示。b)如果父元素的宽度不能显示所有浮动元素，就会从最后一个贴到最前面。c)如果之前的所有浮动元素都无法显示，最终会粘贴到父元素的左边或者右边。案例：如下图，父元素为body；如果浏览器宽度足够，div3将靠在div2上；如表3所示，如果不能与div2相适应，则div3将向div1倾斜；如表2，如果靠在div1上放不下，可以自己贴在左边的墙上；如表14所示，如果浮动元素没有设置宽高，它会收缩到文字所占的大小。例子：div1设置为浮动，但没有设置宽高，它会自动收缩到内容的宽度。强调：1、从宏观上看，浮动就是做“并排”。2.不管是块级元素还是内联元素，一旦浮动，就可以不用display:block来设置宽高了。因为浮动之后，就脱离了标准流程，所以标准流程中的规则就不适用了。3.margin:0auto不能用于浮动流；没有居中对齐。1.4应用案例一、水平导航栏导航栏是一个链接列表，所以使用
- 和
- 是很合适的html代码如下：分析：1）导航栏不需要列表的标记item，所以点应该去掉；2）你也可以将浏览器的默认边距和内边距设置为0；3）水平方向放置，浮li；4）一般每个链接的宽度都是一样的，整个链接域都可以点击（不只是文字），所以设置一个5）然后做美化设置