分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > IT知识

css学习_css清除浮动

发布时间:2023-09-06 02:34责任编辑:沈小雨关键词:暂无标签

若元素没有设置宽高,那元素实际宽高是被内容撑起来,

若元素自己有设置宽高,那实际面积于自己的盒子模型有关

1、清除浮动的本质

 清除浮动主要是为了解决父级元素因为子级浮动而引起的内部高度为0的问题。

(当父元素没有设置高度时,子元素又全浮动了,此时子元素脱离文档流而不占据位置,那就会出现父元素高度为0底下的盒子会跑上来。)

2、清除浮动的方法

  a、额外标签法(很少用,不想添加下无意义的标签)

b、父级添加overflow方法(overflow:hidden)

c、利用after伪元素清除浮动

注意:清除浮动设置的那些  height visiblity  都是为了隐藏那个小点。(content:“ .”)

 d、双伪元素清除浮动(最推荐,工作中常用)

css学习_css清除浮动

原文地址:https://www.cnblogs.com/yangyutian/p/10505977.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved