5、上流下浮
网页中上一个包含元素(父元素)为流动元素,下一个包含元素(父元素)为浮动元素,则会出现流动模型与浮动模型交错杂乱的问题,尤其是注意查访在非 IE 浏览器中浏览显示时的效果。
注意:在需要时则要指定父容器(overflow:hidden; )包含子元素。
修改的CSS代码:
#con2, #con4 {
float:left; /* 定义#con2和#con4容器由块级元素转变为内联元素 */
width:45%; /* 定义内联元素的宽度 */
}
提示:您可以先修改部分代码再运行