元素大小问题

请告诉我为什么:before在这种情况下:before伪元素在行为不像常规img ：

左边的一个是div与img内和img的宽度和高度等于100％。 右边是div :before和:before :before width和height :before也是100％，但效果不同！

（我知道我可以使用background-image解决方法，但什么是错误的:pseudo当它的content属性是url() ？

小提琴：http://jsfiddle.net/Tp9JG/4/

---

不幸的是，当通过内容指定图像时，您无法控制图像的大小，但是如果您将它用作背景，则可以：

.with_before:before{
    content:'';
    background-image: url('http://i.stack.imgur.com/CAAFj.jpg');
    background-size: 100% 100%;
    width: inherit;
    height: inherit;
    display: inline-block;
}

检查这个jsFiddle

对于你的问题，为什么我们不能设计生成的内容的样式：我们不能因为生成的内容被渲染到生成的框中，而且你可以对该框进行样式设置，而不是内容。

引用：

检查这个帖子

关于这个问题的另一个冗长的讨论

请注意不同的浏览器显示非常不同的行为。

链接地址: http://www.djcxy.com/p/73979.html

上一篇: element size issue

下一篇: Is there a vim equivalent to bash's '!$'?