这一节,我们要讲float
也就是浮动
了,浮动
在CSS
是非常非常重要的概念。大部分常见的页面排版布局都是要靠他实现。
还有float
的意思是浮动
,而不是移动
。大家思考下,这两个词,到底有什么区别?所谓的浮动
,有一个浮
字,表示它是漂浮到文档上面
来了,它真正的术语叫做脱离文档流
。
先来看一个基本的代码。
<html>
<head>
<meta charset="utf-8">
<style>
#parent {
background-color: yellow;
width: 800px;
border:1px solid;
}
#child1, #child2 {
width: 300px;
height: 300px;
}
#child1 {
...