css position absolute脱离了文档流解决方法

 时间:2024-10-12 07:09:47

1、我们需要创建一个简单的示例demo.html文件,然后里面放上两个DIV并设置背景色,给子DIV设置高度,代码如图

css position absolute脱离了文档流解决方法

3、然后我们给子DIV设置绝对定位position:absolute,然后浏览器运行查看就会发现,父DIV不会再根据子DIV的高度撑起来,也就是我们常说的脱离文档流了。

css position absolute脱离了文档流解决方法

4、解决方案1.我们可以强行给父级DIV设置相应的高度,代码及运行效果如图,这个方案的缺点是不够灵活,需要自己计算要设置的高度。

css position absolute脱离了文档流解决方法

5、解决方案2.我们可以使用JS设置父级DIV的高度等于子DIV,代码及运行效果如图

css position absolute脱离了文档流解决方法
  • CSS实现圆角描边
  • 完美钢琴手机版如何更换皮肤
  • HTML教程 table标签的常用属性
  • 框架里面定义td或th标签的宽度无效怎么办
  • 将常用软件写入内存盘,享受飞一般启动速度!
  • 热门搜索
    栖霞旅游景点大全 绍兴旅游地图 港澳旅游攻略 百度旅游攻略网 深圳市旅游局 锡林浩特旅游攻略 旅游对经济的影响 青岛旅游政务网首页 途风海外旅游网 肇庆有什么旅游景点