css类不能正确显示在自动滚动div

我有一个溢出div在jquery模式对话框上。css类不能正确显示在自动滚动div

    <div style="overflow: auto; height: 300px; width: 780px;"> 
         <fieldset> 
          <br /> 
          <asp:TextBox ID="txtNote" runat="server" CssClass="notetext" Width="740px" Rows="6" 
           TextMode="MultiLine" BorderColor="#CCCCCC" BorderStyle="Solid" BorderWidth="1px" /> 
          <br /> 
          &nbsp; 
         </fieldset> 
          <div id="notes"> 
           <% 
            Dim note As New note() 
            Response.Write(note.shownotes(Val(txtRef.Text))) 
           %>       
          </div>  
        </div>

我在溢出之间放入的一些东西显示正常，并随滚动条上下移动。

位于css类中的其他文本不会随滚动条上下移动。这就好像它不是div的一部分？

它的工作在Firefox按预期而不是IE浏览器（像往常一样！）

任何想法？

任何事情，我把“P类=‘三角权’>的出现仿佛不是DIV的一部分，它的OT向上滚动&下来。

.triangle-right { 
    position:relative; 
    padding:5px; 
    /*margin:1em 0 1.5em;*/ 
    margin:1.5em 0em 1.5em; 
    color:#000000; 
    background:#ffffff; /* default background for browsers without gradient support */ 
    width:730px; 
    border:1px solid #dddddd; 
    line-height:1.4em; 
    /* css3 */ 
    -moz-border-radius:10px; 
    -webkit-border-radius:10px; 
} 

/* creates the larger triangle */ 
.triangle-right:before { 
    content:"\00a0"; 
    display:block; /* reduce the damage in FF3.0 */ 
    position:absolute; 
    bottom:-40px; /* value = - border-top-width - border-bottom-width */ 
    left:40px; /* controls horizontal position */ 
    width:0; 
    height:0; 
    border:20px solid transparent; 
    border-top-color:#aaaaaa; 
} 

.triangle-right:after { 
    content:"\00a0"; 
    display:block; /* reduce the damage in FF3.0 */ 
    position:absolute; 
    bottom:-40px; /* value = - border-top-width - border-bottom-width */ 
    left:39px; /* controls horizontal position */ 
    width:0; 
    height:0; 
    border:21px solid transparent; 
    border-top-color:#ffffff; 
}

来源

2010-11-16 thegunner

尝试调整这些：before和之后：选择器之后。也许这将有助于...你可以发布一个示例HTML文件（或链接到一个，因为这会更容易）？祝你好运！ – Blender 2010-11-16 16:11:40

我已经砍固定这与

.overflow-div * { 
    position: relative; 
}

然而在过去，这个问题是关系到子元素的定位。确保.triangle右的父母有相对的位置。

我重新从头开始赞扬风格，并确保在添加其他任何东西之前进行定位。我经常以这种方式发现隐晦的问题。

来源

2010-11-16 16:17:19 mqsoh

好吧，我已经添加到我的CSS，并没有做出任何默示。我给溢出div一个“overflow-div”的id，也没有区别。是的.triangle-right有一个亲戚的位置。 – thegunner 2010-11-16 16:28:50

我的例子使用了'overflow-div'类名，而不是一个id。另外，我指的是.triangle-right的* parent *。 – mqsoh 2010-11-16 16:32:43

css类不能正确显示在自动滚动div

回答

相关问题