左侧菜单的二级菜单盒子如何跨过banner区显示？

第二张图是我写的效果。

我是以banner区的盒子做为父元素，二级菜单盒子gooodLists设置绝对定位，但是没法超出banner的长度，这是为什么呢？有什么办法可解决跨区域显示？

/* banner区域设置固定宽，居中显示 */
.banner {
    width: 1400px;
    height: 580px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}
/* 左边商品列表2级菜单样式 */
.goodsLists2 {
    position: absolute;
    top: 0;
    left: 250px;
    width: 800px;
    height: 800px;
    background-color: pink;
    z-index: 10000;
}
 
/* 左边商品列表1级菜单样式 */
.goodsLists {
    width: 250px;
    height: 580px;
    background-color: red;
    float: left;
}

不会飞的萌物 2018-12-30

源自：项目：JQ实现瀑布流 5-2 作业题

收起

1回答

好帮手慕夭夭回答被采纳获得+3积分 2018-12-31 14:12:31

你好同学，从截图上以及你上传的部分代码，把二级菜单里面高度修改大点试一下，或者去掉高度，里面的内容样式完善一下，撑开高度就行了。如果还是不行，建议同学上传完整代码（html ,css都要粘贴完整），便于老师针对代码准确高效的帮助你。

祝学习愉快！

收起回答

不会飞的萌物提问者 #1

解决了，去掉以下代码中的 overflow:hidden语句就能撑开了。 /* banner区域设置固定宽，居中显示 */ .banner { width: 1400px; height: 580px; margin: 0 auto; overflow: hidden; position: relative; }

2019-01-02 17:32:31