在项目的基类中写了clearfix：before{。。。。}，clearfix：after{。。。。}。
但是在html中的父元素加了clearfix类之后，是会被撑开，但是子元素的位置也下移，留出一段空白的区域。
后来我把基类中的clearfix：before{。。。。}删除了，只留下clearfix：after{。。。。}，页面中子元素就不会移动，父元素也能被撑开，子元素也不会有移动。。。
我参考代码中，after和before都有的，而实际些的时候出现问题，我不知道是我写的错误还还是清除浮动的时候，只需要加clearfix：after{。。。。}就行。。。。
我是新手小白，请教大神们。。。。
clearfix：before和clearfix：after什么时候是一起用的吗
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
分享- 邀请回答
-
2条回答 默认 最新
- 2022-08-08 16:22回答 3 已采纳 你不是清除成功了吗？ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"&
- 2021-08-25 12:12回答 2 已采纳 多了个闭合
- 2021-08-25 18:03回答 2 已采纳 纯静态的也好做啊，就是布局麻烦些，那个灰色的可以是div的背景颜色。你下面有一个div和span重名了，这些基础样式都得慢慢练习，做的慢没有关系，会越来越熟悉的，越来越上手容易的，要是现在不打下基础，
- 2021-06-06 11:28阿雾a的博客 .clearfix:before, .clearfix:after { content: ""; display: table; } 这样可以清除浮动，原理我还不懂
- 2021-08-26 15:43回答 2 已采纳 哪里黑盒子
- 2021-08-06 11:29回答 1 已采纳 cookie目的就是为了保存登录状态，即基于cookie模拟登录，headers中带上了cookie就是相当于在登录状态请求页面了，所以直接请求登录后要请求的页面即可。
- 2016-01-18 08:28回答 2 已采纳 I tried, but i can't reproduce this issue here. Can you try fix the following lines and see if the
- 2021-01-21 12:53.clearfix:before, .clearfix:after { content:; display:table; } .clearfix:after{ clear:both; overflow:hidden; } .clearfix{ *zoom:1; } 如果外部有一个div容器，其内部div容器设置了...
- 2014-11-14 15:00回答 1 已采纳 I'm not sure how you're planning to get your static headline onto the page. You could hard code it
- 2017-02-07 18:52回答 1 已采纳 Always perform server side validation and confirm there is a POST incoming. Otherwise even someth
- 2018-08-17 14:45回答 1 已采纳 <script> $(document).ready(function(){ var count = 0; $(document).on('click', '.add', func
- 2022-02-27 21:53秃头二表哥的博客 本文从最简单的开始，解释如何理解和使用::before和::after。然后再在实际使用场景中去应用它。 ::before和::after可以添加到选择器以创建伪元素的关键字。伪元素被插入到与选择器匹配的元素内容之前或之后。 ...
- 2022-08-21 11:31回答 2 已采纳 border-top: 1px, solid, rgb把逗号去掉 用空格间隔就好
- 2020-11-18 19:22然陈的博客 当在一个元素里添加span，想要设置css样式，需要重新命名再设置css样式，才会达到效果，比较麻烦 爱: 我爱css 不爱 第二种样式设置 我们可以发现,我们可以直接在css里面用.pp：before（前）创建...
- 2017-07-24 17:49B1gF4ceC4t的博客 首先对伪类:before与:after做下注脚 :before 伪元素在元素之前添加内容。 :after 伪元素在元素之后添加内容。 这2个伪元素允许创作人员在元素内容的 最前面/最后面 插入生成内容。默认地，这个伪元素是行内...
- 2021-07-31 18:02前端瓶子君的博客 点击上方前端瓶子君，关注公众号回复算法，加入前端编程面试算法每日一题群本文从最简单的开始，解释如何理解和使用::before和::after。然后再在实际使用场景中去应用它。::befo...
- 2021-06-14 08:32胡星明的博客 网上常用的完整代码：CSS Code复制内容到剪贴板.clearfix:before,.clearfix:after{content:"";display:table;}.clearfix:after{clear:both;overflow:hidden;}.clearfix{*zoom:1;}如果外部有一个div容器，其内部div...
- 2022-10-08 10:25走出半生的少年的博客 前端伪类元素::before和::after
- 2022-03-02 01:45Bejpse的博客 当在一个元素里添加span，想要设置css样式，需要重新命名再设置css样式，才会达到效果，比较麻烦 爱: 我爱css 不爱 第二种样式设置 我们可以发现,我们可以直接在css里面用.pp：before（前）创建...
- 2022-05-12 15:27小球学前端的博客 .clearfix:after, .clearfix:before{ content: ''; display: table; clear: both; } 一、高度塌陷问题 高度塌陷是浮动布局中比较常见的一个问题。在浮动布局中，父元素的高度默认是被子元素撑开的，但，当子元素...
- 没有解决我的问题, 去提问
