标签：浮动 float clear 元素 right div2 left

浮动：

float:left / right

1、设置浮动会让某个元素脱离文档标准流，后面的元素会移动占据它原来的位置

2、浮动元素会向左或向右移动到它的外边缘碰到 包含框 或另一个 浮动框 时

3、浮动的位置：

如果B是浮动的元素，当它的上一个元素A不是浮动的，则浮在A的下面，相对垂直位置不会改变，即B的顶部与A的底部对齐

    当它的上一个元素A是浮动的，则跟在A的后边，如果一行放不下，则B会被挤到向下移动，再向左或向右浮动，直到有足够的空间时（有可能碰到其他浮动元素边框，被卡住）

*：只跟上一个元素有关！！！

清除浮动：

clear:

none: 默认值，允许两边有浮动元素

left: 不允许左边有浮动元素

right: 不允许右边有浮动元素

both: 两边都不允许有浮动元素

1、这个规则只能影响使用这个规则的元素本身

例：div1、div2都被设置为浮动，对div2使用 clear:left 表示不允许div2左边有浮动元素（而不是对div1使用 clear:right; ）

标签：浮动,float,clear,元素,right,div2,left
来源： https://www.cnblogs.com/meinvfqf/p/14549604.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。