- 定位属性分为五类:普通流定位、浮动定位、相对定位、绝对定位、固定定位。
- 普通流定位就是在不加其他定位的情况下,html文档自己的排版效果。
- 浮动定位需要使用float属性,取值为left和right。
- 相对定位、绝对定位和固定定位是使用的position属性来对指定元素进行定位。取值为relative(相对定位)、absolute(绝对定位)、fixed(固定定位)。
浮动是相对于父元素来进行浮动,float:left是指靠在父元素的左边,同理,float:right是指靠在父元素的右边。
<div style="border: 2px solid red;width: 400px;height: 200px;">
<div style="float: left;width: 100px;height: 100px;background-color: #00FFFF;">1</div>
<div style="