【css浮动和定位】一、浮动
浮动可以改变元素的排列方式
floatleft/right/none;
撑开盒子:
不给高度可以撑开盒子,
问题:
但是浮动之后高度就会变成0(没给高度)导致错位(浮动元素不再占有原文档流的位置,对后面的排版产生影响)
解决:清除浮动(清除浮动元素产生的影响)
clear:left/right/both1.额外标签法(w3c推荐的写法)
在后面添加一个块级元素不能是行内元素:
缺点:添加了无意义的标签2.overflow
给父元素添加overflow属性
overflow:hidden/auto/scroll
缺点:无法显示溢出的部分3.:after伪元素法
给父元素添加
本质:自动生成一个额外隐藏标签4.双级伪元素
推荐阅读
- 一些零碎代码|分享一个会遮掩的吊炸天登录页面
- html|Html+Css+js实现春节倒计时效果
- html|Html+Css+js实现春节倒计时效果(移动端和PC端)
- 开源说|除夕用不同的语言编写绚丽的烟花
- 工具及脚本|青龙面板2.9,以及wskey自动转换ck配置
- 前端|Html单选按钮自定义样式
- java|在具有CSS形状的弯曲图像周围包裹文本
- css|基础知识点 css篇
- 源码|第14期家庭理财管理系统SSM