cssbefore高度为0

CSS 中父级元素的高度一般由子元素撑开，不会特意设置高度，但是以下情况会造成父级元素高度坍塌，也就是高度为零，影响后面元素的排版。

荔湾网站建设公司成都创新互联公司,荔湾网站设计制作，有大型网站制作公司丰富经验。已为荔湾数千家提供企业网站建设服务。企业网站搭建\成都外贸网站建设要多少钱，请找那个售后服务好的荔湾做网站的公司定做！

这是因为第一个div中的p是绝对定位（position：absolute）的，所以它是脱离整个文档流成为一个独立的漂浮层，换句话说就是第一个div中相当于“什么都没有”，所以它的高度仍然是0。

这个clearfix的CSS使用了after这个伪对象，它将在应用clearfix的元素的结尾添加content中的内容。

before 选择器在被选元素的内容前面插入内容。

css可以对元素做的事，对这个伪元素都可以做，然后也不奇怪能做出个三角形了（三角形是用很宽的边框+内容宽高都为0做出来的）。

我们首先创建一个新的测试项目，然后创建一个新的index.html、basic.js和basic.css文件。js修改文件中的样式中值div以修改div高度。文件中的文件代码如图所示。

css中的after和before选择器的用法.

after 选择器在被选元素的内容后面插入内容。：before 选择器在被选元素的内容前面插入内容。

伪对象：after还有一个重要的用法--清除浮动。这种清除浮动的方法几乎成了一个固定的模式，很多大型网站里面都有用到。

）before是css中的一种伪元素，可用于在某个元素之前插入某些内容。2）after是css中的一种伪元素，可用于在某个元素之后插入某些内容。

ul.box li：before { ：before元素的内容之前插入新内容 z-index： -2；属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。

before 选择器在被选元素的内容前面插入内容。content属性用来规定插入的内容，\e63d一般是字符图标，用来显示一个图标。p：before{ content：台词：}我是唐老鸭。正常的这个应该显示为“我是唐老鸭。

开篇一句话：CSS的伪类，伪元素就当成vue的过滤器使用就好了，我也是想到这个突然就茅塞顿开了。用法：after 选择器表示向选定的元素之后插入内容。

CSS中::after与::before的作用是什么?

1、伪对象：after还有一个重要的用法--清除浮动。这种清除浮动的方法几乎成了一个固定的模式，很多大型网站里面都有用到。

2、）before是css中的一种伪元素，可用于在某个元素之前插入某些内容。2）after是css中的一种伪元素，可用于在某个元素之后插入某些内容。

3、after 选择器在被选元素的内容后面插入内容。：before 选择器在被选元素的内容前面插入内容。

css的伪类before的问题

before 选择器在被选元素的内容前面插入内容。

用简单的话来说： ：before 和 ：after中的content： 不过是对HTML的装潢，使HTML看起来更漂亮一些。

CSS3给伪元素before添加hover操作：伪元素的由两个冒号“：”开头，然后是伪元素的名称 ，使用两个冒号是为了区别伪类和伪元素。

content属性应用于before和after伪元素 【1】 string 里面的内容会原样显示，即使包含某种标记也不例外。

对于CSS2之前已有的伪元素，比如：before，单冒号和双冒号的写法：before作用是一样的。

）before是css中的一种伪元素，可用于在某个元素之前插入某些内容。2）after是css中的一种伪元素，可用于在某个元素之后插入某些内容。

本文名称：css样式的before css样式的选择器可以是标签的名字
文章出自：http://azwzsj.com/article/diceoed.html