我实现了(修改版)Gene Locklin的’深度’,它的工作正常,这里是代码：
body:before {
height: 10px;
width: 110%;
position: fixed;
top: -10px;
left: -10px;
z-index: 6;
-webkit-Box-shadow: 0px 0px 10px rgba(0,0.8);
-moz-Box-shadow: 0px 0px 10px rgba(0,0.8);
Box-shadow: 0px 0px 10px rgba(0,0.8);
content: "";
}
但我想使用：before& ：在选择器添加边距或填充后,您知道某种差距,将表单与周围文本分开.
这是在我尝试使用这些选择器在特定段落周围留出一些间距之后,但没有成功我转向根据其目标属性设置这些样式.
我意识到选择器的设计主要是为了设置自动文本,并且使用边距或填充(在下面添加以下查询),换行符,跨度,空分区甚至使用JavaScript来创建元素都非常容易.和.但我想这样做：之前和之后：后.
这是我想要使用的示例代码：
form:before {
height: 20px;
content: "";
}
form:after {
height: 20px;
content: "";
}
我认为可能会阻止它工作……：之前/：之后需要显示为块级别,因为它们通常是内联的(但’深度’不需要这个？)和/或：之前/：在需要绝对定位之后.
提前感谢您的慷慨投入.
解决方法
尝试指定display：block;.他们不需要担任职务：绝对;
form:after {
content: ' ';
display: block;
height: 20px;
}
form:before {
content: ' ';
display: block;
height: 20px;
}
