我在某些position:absolute
Divs
.
在我完成这项position
工作之前——我需要它作为边界箭头——它工作得很好。但是,我使用后position:absolute
效果divs
不再起作用。所以,我相信这与在Div
不存在的情况下产生的效果有关?
我的 HTML:
<div style="width: 200px; border-width: 1px; border: dotted" onclick="clickDiv();">
click me
</div>
<div id="DivTeste">
<div class="chat-bubble-arrow-border"></div>
<div class="chat-bubble-arrow"></div>
<div class="teste box">
<p>e</p>
<p>e</p>
<p>e</p>
<p>e</p>
<p>e</p>
</div>
</div>
我的 CSS:
.box {
overflow: auto;
display: block;
height:100px;
width: 200px;
border-width: 1px;
border: solid;
top: 50px;
position:absolute;
}
.chat-bubble-arrow-border {
border-color: transparent transparent #000 transparent;
border-style: solid;
border-width: 10px;
height:0;
width:0;
position:absolute;
top: 30px;
left:30px;
}
.chat-bubble-arrow {
border-color: transparent transparent #fff transparent;
border-style: solid;
border-width: 10px;
height: 0;
width: 0;
position: absolute;
left: 30px;
top: 33px;
z-index: 100;
}
还有我的 JS:
$(function () {
$('#DivTeste').hide();
});
function clickDiv() {
$('#DivTeste').slideToggle();
}