css实例教程:理解Float的含义
课程关键词：浮动
页面布局有两种方式
1）浮动Float
2）定位Position
今天就来一个小小的练习，让大家理解Float的含义
页面效果如下：
要求：
1）两个方块，一个红色#900，一个蓝色#009；
2）红色方块宽度和高度均为200像素，蓝色方块
宽度为300像素，高度为200像素；
3）红色方块蓝的上外边距(margin-top)和左外边距(margin-left)均为20像素；
大家应该注意到了，虽然红色方块的宽度并不是100%，但是蓝色并未和红色处于同一行，这就是块状元素比较霸道的一点，（）为了消除这种霸权，让红色和蓝色方块都处在一行，如图<...[ 查看全文 ]
2016-02-20
标签:
