相关疑难解决方法(0)

我的CSS中有以下内容.所有边距/填充/边框全局重置为0.

#wrapper{width: 75%; min-width: 800px;}
.content{text-align: justify; float: right; width: 90%;}
.lbar{text-align: justify; float: left; width: 10%;}

现在当我把我的HTML写成

<div id="wrapper">
    <div class="content">
        some text here
    </div>
    <div class="lbar">
        some text here
    </div>
</div>

页面呈现正确.但是,当我检查元素时,div#wrapper显示为0px高.我会一直期待它扩大,直到年底div.content和div.lbar...为什么会出现这种情况？

再一次,页面渲染得很好.这种行为让我感到困惑.

使用<svg>标记将SVG直接包含在文档中时,可以通过文档的样式表将CSS样式应用于SVG.但是,我正在尝试将样式应用于嵌入的SVG(使用<object>标记).

是否可以使用以下代码之类的东西？

object svg { 
    fill: #fff; 
}

我有<div>一些其中有一些<img>.每个人<img>都在自己的内心<div>.问题是外部div不会自动获取内容的高度,即使我将其高度设置为auto.同时为了显示内部div内联我将它们设置为float: left.但是,如果我删除浮动,外部div表现正常,并采取内容的高度.但我需要imgs内联.谁能帮我？

的jsfiddle

HTML:

<div id="gallery">
    <div class="gal-foto">
        <img src="http://farm3.staticflickr.com/2819/10183644713_c1f49eb81f_b.jpg" class="gal-img">
    </div>
    <div class="gal-foto">
        <img src="http://farm4.staticflickr.com/3694/10183642403_0c26d59769_b.jpg" class="gal-img">
    </div>
    <div class="gal-foto">
        <img src="http://farm4.staticflickr.com/3764/10183532675_0ce4a0e877_b.jpg" class="gal-img">
    </div>
    <div class="gal-foto">
        <img src="http://farm6.staticflickr.com/5331/10183598286_9ab37e273c_b.jpg" class="gal-img">
    </div>
    <div class="gal-foto">
        <img src="http://farm6.staticflickr.com/5334/10183535585_04b18fa7da_b.jpg" class="gal-img">
    </div>
</div>

CSS:

#gallery {
    border: 1px solid;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 0 15px rgba(50, 50, 50, 0.7) inset;
    height: auto;
    margin-top: 20px;
    padding: 15px;
}
.gal-foto {
    float: left;
    margin: 3px; …

我正在创建一个 SVG 元素，并且想更改其背景颜色。根据这个问题，并根据W3C 的建议，background-color这不是 SVG 的标准样式，但fill必须使用。但是，这fill不起作用，最常见的解决方案是在元素内部创建一个rect元素svg，并使该 rect 元素的宽度和高度与svg.

因此，以下是建议解决方案的结果：

<svg width="300" height="200">
    <rect width="300" height="200" style="fill: rgb(0, 255, 0);></rect>
</svg>

然后我将其更改为：

<svg width="300" height="200">
    <rect width="100%" height="100%" style="fill: rgb(0, 255, 0);"></rect>
</svg>

（请注意，我在第二次尝试中已设置为 100%）width。height

现在我的问题是：即使这可行，使用宽度和高度的百分比是 W3C 标准吗？或者这是一个黑客？

谢谢。