sách gpt4 ăn đã đi

CSS 溢出-y :visible, 溢出-x:滚动

In lại 作者:数据小太阳 更新时间:2023-10-29 09:13:26 27 4
mua khóa gpt4 giày nike

我在搜索中看到过几个类似的问题,但要么没有正确回答问题,要么没有给出答案。所以,我再问一次。


.parent { overflow-y:scroll; overflow-x:visible; width:100px; }
.child { position:relative; }
.child-menu { position:absolute; top:0px; left:-100px; display:inline-block; }





Text Line
some pop out stuff



好吧,这只是一个例子。但基本上,我想要完成的是让 .child 类在 y 轴上滚动......上下滚动。但我希望 x 轴....子菜单在 .parent 容器外可见。

这有意义吗?所以发生的事情是,当页面呈现时,浏览器将溢出完全解释为自动,而不考虑单独的轴。我做错了什么或者浏览器还没有达到 CSS3 规范吗?大多数只在 Chrome 上测试过。 nhập mô tả hình ảnh ở đây

câu trả lời hay nhất

我想通了!

父级应该是overflow:auto;.child 应该是 position:relative;.child-menu 应该是 position:fixed; KHÔNG 顶部或左侧定位。如果您这样做,它将使其与内容保持一致。

如果您需要移动子菜单,请使用边距而不是顶部或左侧。示例 margin-left:-100px;

biên tập

似乎人们仍在使用它,请注意,您必须使用 javascript 在页面滚动时移动固定元素。

关于CSS 溢出-y :visible, 溢出-x:滚动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5209545/

27 4 0
Chứng chỉ ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com
Xem sitemap của VNExpress