html - 在没有绝对位置的情况下获取父div之外的div

标签 html css sass

我有一个小的 CSS 问题。 我有一个最大宽度的 div。在这个 div 中有一个 img 需要放在他的 div 之外(到底部)。不幸的是,由于最大宽度,我不能使用绝对位置。当我使用绝对位置时,在某些时候屏幕的宽度达到最大宽度并且具有绝对位置的 img 将超出右侧的 div。

我知道这听起来有点乱,所以我制作了一个 Jsfiddle: https://jsfiddle.net/te93s8h1/

这个 JS Fiddle 展示了我遇到的问题的一个例子。我需要 div 外部(底部)的绿色 block ,但绿色 block 不能超出右侧的 div。我怎样才能做到这一点?

我只喜欢 css。

最佳答案

别在意我的问题,我想我明白您要实现的目标。您应该将 position: relative; 语句添加到您的 .grid 类的样式 block 中,如 JSFiddle 中所示。 .

关于html - 在没有绝对位置的情况下获取父div之外的div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37613759/

相关文章:

javascript - 将日历移到菜单栏前面

html - 宽度、最小宽度和最大宽度的组合

html - Internet Explorer 显示没有正确样式的 UL

css - Google Web Font 没有在 Angular 中使用?

html - 如何结合 flexbox order 和 nth-child(odd)

javascript - 日期字段中的斜杠、反斜杠、连字符有什么区别?

javascript - 验证动态添加的输入字段

javascript - 修复了标题和自动滚动到 Div 的问题

html - 选择器前的 CSS 空格

javascript - IE 中的 SVG viewBox 行为