html - 在 div 之外获取一些东西

标签 html css

嗯,我不确定如何用文字来提问,所以我会张贴一张图片:

enter image description here

所以在图像中,有一个主要的 div,我们称它为“红色”。

在“red”里面还有另一个 div 叫做:“green”

在“green”里面有一个ul,还有一些li元素,它们应该有一个下划线,但是下划线必须从div中出来,所以我遇到的问题是,在代码中,该行位于“绿色”之外。

我猜可能有某种溢出设置或某种技术来实现这一点,也许它比我想象的要容易得多,但我就是想不通。

总而言之,我需要从一个 div 中获取一些东西,并让它显示在它的外部。

我尽可能多地用谷歌搜索它,但我找不到任何适合我的东西,也许是因为我什至不确定如何询问。

最佳答案

这要视情况而定。如果它是固定大小的元素,并且无论您做什么,它们总是相同的大小: 将 red div 定位为 relative,然后将 green div 定位为 absolute,将 ul 再次定位为绝对。这将允许您移动元素。相对于red div。 如果它根据窗口的大小拉伸(stretch)元素,那就更难了,margin-leftmargin-topfloat:left 会做技巧,但你应该非常小心,因为它很难跨浏览器。

关于html - 在 div 之外获取一些东西,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13560658/

相关文章:

javascript - 将缩小的 JavaScript 代码导入 HTML 文件,无需粘贴

javascript - 使用 Javascript 更改样式的更有效方法?

html - 如何设置混合宽度容器(px 和 %)?

css - 设置 css 网格布局等高行

css - 盒子大小 : border-box - Size not maintained if border is changed afterwards

html - 隐藏 slider 图像而不删除

jquery - 数据表布局问题 - 按钮和下拉菜单

html - 带底线的导航菜单

html - Nav brand 和 nav pills 不在同一条线上

html - 在 Logo 下方添加导航栏并将内容居中