CSS浮动布局基础
基于浮动的布局利用了float（浮动）属性来并排定位元素，并在网页上创建列。可以利用这个属性来创建一个环绕在周围的效果，例如环绕在照片周围，但是当你把它应用到一个div标签上时，浮动就变成了一个强大的网页布局工具。float属性把一个网页元素移动到网页（或者其他包含块）的一边。任何显示在浮动元素下方的HTML都在网页中上移，并环绕在浮动周围。
float属性接受3种不同值之一：left（左）、right（右）和none（无）。要把一张图片移到网页的右边，可以创建这个类样式，并把它应用到img标签上：
.floatRight { float: right; }
相同的属性应用到一个充满内容的div标签上也可以创建一个工具条：
#sidebar {
float: left;
width: 170px;}
图11-3展示了这两个样式的作用。
注意：none值关闭了任何...[ 查看全文 ]
2016-02-19
标签:
