css之子元素浮动导致父元素高度塌陷解决方案
来源:互联网 发布:mac office 2016 编辑:程序博客网 时间:2024/04/30 15:08
问题引入:在制作导航栏时,若父元素ul不给出高度的具体数值,只给背景。而子元素li又用到了float:left。
那么,这种情况就会导致父元素的背景“消失”,因为浮动元素脱离文档流,不占据空间,因此相当于父列表没有内容。
解决方案:
一:添加进行清理浮动的元素(但书中说,这会在页面中增加不必要的标记,不建议用这种方法)。
二:
(1)使父元素也添加float
(2)使父元素posation:absolute
(3)使父元素display:inline-block
三:
(1)父元素overflow:hidden
(2)父元素使用zoom
点击打开链接 知识点就是从这儿总结的,
日后会慢慢深入学习,尽量弄懂其中的具体原理。
0 0
- css之子元素浮动导致父元素高度塌陷解决方案
- CSS中子元素浮动导致父元素高度塌陷解决方案
- 清除浮动--子元素float导致父元素height塌陷解决方案
- css防止浮动元素父元素高度塌陷的三个方法
- css解决父元素高度塌陷
- HTML&CSS之父元素高度塌陷
- 浮动元素的父类高度塌陷问题
- 父元素高度自适应,子元素浮动,引起的高度塌陷问题
- DIV边框重叠变粗解决方案(子元素浮动导致父元素失去高度解决方法)
- css中float引起父元素的高度塌陷
- 关于浮动元素float使其父元素高度塌陷的原因及解决方法
- 子元素浮动让父元素塌陷解决办法
- 子元素浮动让父元素塌陷解决办法
- 子元素浮动让父元素塌陷解决办法
- css中清除浮动的几种方法(撑起浮动元素父元素的高度)
- 子元素浮动 父元素自适应高度
- 【css】浮动的影响及解决方法(父元素无高度,而子元素有高度)
- 使用float浮动之后,父元素“塌陷”的解决办法
- Leetcode之SingleNumber I/II/III
- poj 3126 Prime Path(简单bfs)
- 一些自己编写的字符串函数
- HDU1856 More is better (加权并查集)
- Hello World
- css之子元素浮动导致父元素高度塌陷解决方案
- LeetCode 410 - Split Array Largest Sum
- Codeforces Beta Round #10 E. Greedy Change(贪心)
- Gradle仓库简介
- 10201
- 树状数组
- 解读 GetCurrentTransaction
- 10202
- UVALive 6913 I Want That Cake【博弈+记忆化搜索】【好题】