asp.net - 如何防止覆盖 CSS

Question

我想要做的是能够在一个 div 中有两列。所以我可以在任意点插入图片，并将文本整齐地放在长边。

这是我的html：

<div id="content">
<div id="gallery">
    <h1>Gallery</h1>
    <div id="container">
        <div id="imageleft">
            <img src="images/pic1.jpg" width="150px" alt="Image" />
        </div>
        <div id="imageright">
            test
        </div>
    </div>
    <img src="images/pic2.jpg" width="150px" alt="Image" />
    <img src="images/pic3.jpg" width="150px" alt="Image" />
    <img src="images/pic4.jpg" width="150px" alt="Image" />
</div>
</div>

这是一个完美的工作JSFiddle

http://jsfiddle.net/RdyGM/1/

这是我实际看到的图像。紫色位应该是左边的 50%。（文本“测试”放在下面）。

经过检查，您可以看到它正在从其他地方获取其宽度：@

如何只使用我想要的 CSS。

Answer 1

嗯，你可以做两件事。一般的方法是尝试使您的 CSS 选择器更具体。所以你可以这样做：#gallery #content #imageleft，而不仅仅是#imageleft，这应该使你的规则适用。另一种方法是将您的 CSS #imageleft 更改为：

#imageleft{
   ....
   width:50% !important;
   ....
}

Answer 2

您可以使用 !important 告诉浏览器优先考虑哪个 CSS - 它可能有帮助，也可能没有帮助......

#imageleft {
    float:left;
    width:50% !important;
    background:#c9c;
}

#imageright {
    float:right;
    width:50%  !important;
    background:#9c9;
}

Answer 3

domId.Attributes.Add("property of css", "Your css class name");