Asp.net “如何防止继承”；位置：相对“；CSS

我的体型如下：

*
{
    padding: 0px;
    margin: 0px;
}
html, body
{
    background-color: #006F92;
    position: relative;
    direction: rtl;
    font: 9pt Tahoma, 'b yekan' , 'b homa' , 'arial' , Sans-Serif;
    color: #0061B7;
    height: 100%;
    top: 0px;
    right: 0px;
}

<fieldset id="fieldset_From">
    <legend>Web Site Names</legend>
    <asp:Label ID="lblFrom" runat="server" Text="Web Site Names" ForeColor="#00FF5A"></asp:Label>&nbsp;&nbsp;
    <telerik:RadComboBox ID="radcbFrom" runat="server" DataSourceID="sdsFrom_WebSites"
        DataTextField="From_WebSite" DataValueField="ID" EnableEmbeddedSkins="false" Skin="BlackByMe"
        ValidationGroup="A" Width="240px" LoadingMessage="Loading..." CausesValidation="False"
        MaxHeight="150px" AppendDataBoundItems="True">
        <Items>
            <telerik:RadComboBoxItem runat="server" Text="All" Value="-1" />
        </Items>
    </telerik:RadComboBox>
</fieldset>

我体内有一个字段集，如下所示：

*
{
    padding: 0px;
    margin: 0px;
}
html, body
{
    background-color: #006F92;
    position: relative;
    direction: rtl;
    font: 9pt Tahoma, 'b yekan' , 'b homa' , 'arial' , Sans-Serif;
    color: #0061B7;
    height: 100%;
    top: 0px;
    right: 0px;
}

<fieldset id="fieldset_From">
    <legend>Web Site Names</legend>
    <asp:Label ID="lblFrom" runat="server" Text="Web Site Names" ForeColor="#00FF5A"></asp:Label>&nbsp;&nbsp;
    <telerik:RadComboBox ID="radcbFrom" runat="server" DataSourceID="sdsFrom_WebSites"
        DataTextField="From_WebSite" DataValueField="ID" EnableEmbeddedSkins="false" Skin="BlackByMe"
        ValidationGroup="A" Width="240px" LoadingMessage="Loading..." CausesValidation="False"
        MaxHeight="150px" AppendDataBoundItems="True">
        <Items>
            <telerik:RadComboBoxItem runat="server" Text="All" Value="-1" />
        </Items>
    </telerik:RadComboBox>
</fieldset>

以及所有CSS：

*
{
    padding: 0px;
    margin: 0px;
}
html, body
{
    background-color: #006F92;
    position: relative;
    direction: rtl;
    font: 9pt Tahoma, 'b yekan' , 'b homa' , 'arial' , Sans-Serif;
    color: #0061B7;
    height: 100%;
    top: 0px;
    right: 0px;
}
input, select, option
{
    font-family: Tahoma, 'b yekan' , 'b homa' , 'arial' , Sans-Serif;
}
#OuterDiv
{
    width: 650px;
    height: 100%;
    margin: 0 auto;
}
#OuterDiv .Link:link, #OuterDiv .Link:visited
{
    color: #00FF12;
}
#OuterDiv .Link:hover, #OuterDiv .Link:active
{
    color: #F0FF00;
}
#lbHome
{
    font: bold 15px tahoma;
    position: absolute;
    top: -15px;
    right: 20px;
    text-decoration: none;
}
fieldset
{
    width: 550px;
    margin: 30px;
    padding: 15px;
}
fieldset legend
{
    color: #00eaff;
    font-weight: bold;
    font-size: 12px;
}
fieldset table label
{
    position: relative;
    top: -2px;
    right: 5px;
}
#radcbFromPanel
{
    display: inline !important;
}
#fieldset_From
{

}

form元素下的div是RadComboBox的滑块

---

提前感谢

您可以使用以下属性向自定义控件显式添加CSS类：

.static-position {
    position: static;
}

<telerik:RadComboBox ID="radcbFrom" CssClass="static-position" ...>
    ....
</telerik:RadComboBox>

。静态位置{
位置：静态；
}
....

---

更新：我们在评论中找到了特定问题的解决方案。通过将另一个

..

放置在需要相对定位的

lbHome

周围，并从body标记的样式中删除该位置，问题已经得到解决。

您可以使用以下属性将CSS类显式添加到自定义控件：

.static-position {
    position: static;
}

<telerik:RadComboBox ID="radcbFrom" CssClass="static-position" ...>
    ....
</telerik:RadComboBox>

。静态位置{
位置：静态；
}
....

---

更新：我们在评论中找到了特定问题的解决方案。通过在需要相对定位的

lbHome

周围放置另一个

..

，并从body标记的样式中删除该位置，问题已经解决。

将内联样式添加到控件以覆盖父样式

例如：

style="position: absolute;"

其他定位选项包括：

静态：元素按顺序呈现，就像它们在文档流中显示一样。这是默认设置

绝对：元素相对于其第一个定位（非静态）的祖先元素进行定位

固定：元素相对于浏览器窗口定位

---

相对：元素的位置相对于其正常位置，因此“left:20”将向元素的左侧位置添加20个像素

将内联样式添加到控件以覆盖父样式

例如：

style="position: absolute;"

其他定位选项包括：

静态：元素按顺序呈现，就像它们在文档流中显示一样。这是默认设置

绝对：元素相对于其第一个定位（非静态）的祖先元素进行定位

固定：元素相对于浏览器窗口定位

---

相对：元素是相对于其正常位置定位的，因此“left:20”会在元素的左侧位置添加20个像素

我看到了

位置：static

。希望它能恢复到默认状态。

我看到了

位置：static

。希望它能恢复到默认状态。

使用slider将您的完整代码转换为JSFIDLE。嘿，我试过了。但因为telerik不起作用。我将把呈现的HTML放在这里，用slider生成完整代码的JSFIDLE。嘿，我试过了。但因为telerik不起作用。我会把呈现的HTML放在这里，“绝对”不是位置的默认值，它应该是“静态的”-见Dennis Answer请忽略我上一次（现在已删除）的评论

RadComboBox

继承自

System.Web.UI.WebControl.WebControl

，它确实具有

样式

属性。当然，虽然内联样式是一个品味问题，但RadComboBox具有style=“position:absolute；”这就是他看到身体位置的原因。所以这个代码没有帮助。我还测试了fieldset和RadComboBox中的静态定位。仍然失败。“绝对”不是位置的默认值，它应该是“静态的”-见Dennis Answer请忽略我上次（现在已删除）的评论

RadComboBox

继承自

System.Web.UI.WebControl.WebControl

，它确实具有

样式

属性。当然，虽然内联样式是一个品味问题，但RadComboBox具有style=“position:absolute；”这就是他看到身体位置的原因。所以这个代码没有帮助。我还测试了fieldset和RadComboBox中的静态定位。仍然失败。嗨，仍然通过这些代码继承主体中的相对位置。您可以发布呈现的HTML吗？设置

CssClass

属性时，行

是否有任何变化？这样做不会产生任何效果。问题仍然存在。（form元素）下的div就是问题所在。我把位置：相对的，因为在家里。还有其他回家的路吗？嘿，兄弟，你的路应该行。但我不知道为什么不能？不过，非常感谢您的关注。您好，这些代码仍然继承了身体中的相对位置。您可以发布呈现的HTML吗？设置

CssClass

属性时，行

是否有任何变化？这样做不会产生任何效果。问题仍然存在。（form元素）下的div就是问题所在。我把位置：相对的，因为在家里。还有其他回家的路吗？嘿，兄弟，你的路应该行。但我不知道为什么不能？然而，我真的很感激你的关注。