隐藏div溢出内容

时间:2013-07-05 01:54:25

标签: html5 css3

我在另一个div中隐藏溢出内容/ div(#map_Marker_Check_Block)的问题。父div位置接近屏幕中间位置。 div“map_Marker_Check_Block”是右边-12em的位置。所以当用户点击这个div时,jquery会播放动画并将整个div滑动到正确的位置0.功能部分工作正常,只是有隐藏#map_Marker_Check_Block div(15em-12em)的问题。请注意,因为我需要使用y-scrolbar来查看隐藏div内容中的内容。

html

<div id="map_Marker_Check_Block">
<div class="markerDiv" id="maker_school">
    <label class="marker_label">School</label> <input class=
    "marker_ckeckbox" name="markerType" type="checkbox" value="school">
</div><br>

<div class="markerDiv" id="maker_gym">
    <label class="marker_label">Gym</label> <input class="marker_ckeckbox"
    name="markerType" type="checkbox" value="gym">
</div><br>
</div>

CSS

#sp_tab2 {
position:relative;
}

#map_Marker_Check_Block {
display:block;
position:absolute;
width:15em;
height:400px;
top:0;
right:-12em;
z-index:10;  
overflow-x:hidden;
overflow-y:auto;
}

1 个答案:

答案 0 :(得分:0)

唉唉!!深夜工作,这就是发生了什么,我的错。我想念溢出:父标签中的隐藏属性。

#sp_tab2 {
position:relative;
overflow:hidden;
}