Javascript 如何设置我的div内部溢出-x:auto;?
如何显示我的Javascript 如何设置我的div内部溢出-x:auto;?,javascript,html,css,Javascript,Html,Css,如何显示我的div内部溢出滚动条?我需要显示这个div。我确实定位了绝对和z索引,但没有显示div。它显示内部父级div。有人帮我吗?非常感谢:) 奥托伯斯·阿兰{ 宽度:600px; 高度:200px; 溢出-x:自动; 位置:相对位置; 边缘顶部:100px; z指数:1; } .耳{ 浮动:左; 显示:块; 宽度:1000px; 高度:180像素; 背景:红色; 位置:相对位置; z指数:1; } 埃克斯特拉分区{ 位置:绝对位置; 显示:无; z指数:2; 填充:25px; 背景:蓝色
div
内部溢出滚动条
?我需要显示这个div
。我确实定位了绝对和z索引
,但没有显示div
。它显示内部父级div
。有人帮我吗?非常感谢:)
奥托伯斯·阿兰{
宽度:600px;
高度:200px;
溢出-x:自动;
位置:相对位置;
边缘顶部:100px;
z指数:1;
}
.耳{
浮动:左;
显示:块;
宽度:1000px;
高度:180像素;
背景:红色;
位置:相对位置;
z指数:1;
}
埃克斯特拉分区{
位置:绝对位置;
显示:无;
z指数:2;
填充:25px;
背景:蓝色;
宽度:50px;
高度:50px;
顶部:-40px;
左:100px;
}
科尔图克先生{
浮动:左;
背景:白色;
}
科尔图克:悬停,埃克斯特拉分区{
显示:块;
}
alan将永远不会溢出,因为octobus的高度为180px(小于alan)-从
中删除高度。octobus
可以根据需要使用高度属性。:)然后把溢出放在你能在codepen上做什么?errrrr.otobus{overflow-x:auto}
<div class="otobus_alan">
<div class="otobus">
<a href="" class="koltuk">Koltuk
<div class="ekstra_div">
Test
</div>
</a>
</div>
</div>
.otobus_alan {
width:600px;
height:200px;
overflow-x:auto;
position:relative;
margin-top:100px;
z-index:1;
}
.otobus {
float:left;
display:block;
width:1000px;
height:180px;
background:red;
position:relative;
z-index:1;
}
.ekstra_div {
position:absolute;
display:none;
z-index:2;
padding:25px;
background:blue;
width:50px;
height:50px;
top:-40px;
left:100px;
}
.koltuk {
float:left;
background:white;
}
.koltuk:hover .ekstra_div {
display:block;
}