html - 隐藏 div 溢出内容

Question

我在另一个 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-scrollbar 才能查看隐藏 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;
}

Answer 1

啊！！深夜工作，这就是发生的事情，我的错。我想念溢出：父选项卡中的隐藏属性。

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