7Blogger网页架构设计之Float-- 后面元素的处理（三）

上一篇文章 谈到，浮动元素的上方元素不会受到影响，但是，他下边的元素是会受到影响的，所以，有时会造成我们不想看到的结果，本文我们就来谈谈该怎样处理。

本文索引

• 浮动元素对后面元素的影响
• clear: left
• clear: right
• clear: both

None

浮动元素对后面元素的影响

用了浮动元素后，其后面的元素将环绕浮动元素，很多时候我们都不希望发生这种情况，那我们就可以将“clear”属性应用于后面的元素。四个选项是“clear: left”，“clear: right”，“clear: both”或 “clear: none”。

None

None

clear: left

用上这个属性之后，后面的元素将移动到源文档中较早的元素产生的任何左浮动框的底部外边缘下方。

None
None

clear: right

用上这个属性之后，后面的元素将移动到源文档中较早的元素产生的任何右浮动框的底部外边缘下方。

None

clear: both

None

用上这个属性之后，后面的元素将移动到源文档中较早的元素产生的所有浮动框的底部外边缘下方​。

None

None None

油管频道👉 https://bit.ly/2XNfakc 看最新视频，白嫖最新节点！

请朋友们优先使用订阅，特别是手机用户，更方便更快捷！

• 👉Clash-meta 20.37版以后/Shadowrocket订阅：

  
  https://drive.google.com/uc?export=download&id=1xtP3BBPHY8j_NBJTYbW2amdW27dz_zZn
  
  

• 👉Clash-旧版 20.37版以前/Shadowrocket订阅：

  
  https://drive.google.com/uc?export=download&id=1xLrkG2wtpQWTjJX5A3CV3qYIytiAvZ1H
  
  

• 👉V2ray/IOS苹果V2Box/WinXray/Quantumult X订阅：

  
  https://drive.google.com/uc?export=download&id=1xKuprzV2OxIPCikNdr1MyWjymUKIllBl
  
  
• 👉Clash-meta(点击下载后，本地导入)
• 👉 Clash-旧版(点击下载后，本地打开)
• 👉 IOS 苹果小火箭专用(点击自动下载，订阅地址请右键复制链接地址)
• 👉 V2ray/IOS苹果V2Box/winXray(点击下载后，本地打开)