網站首頁 編程語言 正文
清除浮動: 非IE瀏覽器下,容器不設高度且子元素浮動時,容器高度不能被內容撐開。 此時,內容會溢出到容器外面而影響布局。這種現象被稱為浮動(溢出)。
浮動元素引起的問題?
父元素的高度無法被撐開,影響與父元素同級的元素
與浮動元素同級的非浮動元素會跟隨其后
若浮動的元素不是第一個元素,則該元素之前的元素也要浮動,否則會影響頁面的顯示結構
清除浮動的幾種方式:
1.給父級div定義height屬性
2.最后一個浮動元素之后添加一個空的div標簽,并添加clear:both樣式
3.包含浮動元素的父級標簽添加overflow:hidden或者overflow:auto
4.使用 :after 偽元素。由于IE6-7不支持 :after,使用 zoom:1 觸發 hasLayout**
clear:none|left|right|both
原文鏈接:https://blog.csdn.net/weixin_50379372/article/details/131390458
- 上一篇:沒有了
- 下一篇:沒有了
相關推薦
- 2022-10-30 SwiftUI?List在MacOS中的性能優化示例_Swift
- 2022-09-08 詳解Dijkstra算法原理及其C++實現_C 語言
- 2023-07-07 maven查看jar的pom引入來源
- 2023-03-30 官網項目Jetpack?Startup庫學習_Android
- 2022-04-23 通過CSS的sticky屬性 重新回顧 position
- 2022-05-06 Python?ORM框架之SQLAlchemy?的基礎用法_python
- 2023-01-14 GoLang并發機制探究goroutine原理詳細講解_Golang
- 2022-03-26 c++?KMP字符串匹配算法_C 語言
- 欄目分類
-
- 最近更新
-
- window11 系統安裝 yarn
- 超詳細win安裝深度學習環境2025年最新版(
- Linux 中運行的top命令 怎么退出?
- MySQL 中decimal 的用法? 存儲小
- get 、set 、toString 方法的使
- @Resource和 @Autowired注解
- Java基礎操作-- 運算符,流程控制 Flo
- 1. Int 和Integer 的區別,Jav
- spring @retryable不生效的一種
- Spring Security之認證信息的處理
- Spring Security之認證過濾器
- Spring Security概述快速入門
- Spring Security之配置體系
- 【SpringBoot】SpringCache
- Spring Security之基于方法配置權
- redisson分布式鎖中waittime的設
- maven:解決release錯誤:Artif
- restTemplate使用總結
- Spring Security之安全異常處理
- MybatisPlus優雅實現加密?
- Spring ioc容器與Bean的生命周期。
- 【探索SpringCloud】服務發現-Nac
- Spring Security之基于HttpR
- Redis 底層數據結構-簡單動態字符串(SD
- arthas操作spring被代理目標對象命令
- Spring中的單例模式應用詳解
- 聊聊消息隊列,發送消息的4種方式
- bootspring第三方資源配置管理
- GIT同步修改后的遠程分支