html - 这个溢出 'trick'是怎么实现的呢?

标签 html css overflow positioning

我对编码比较陌生,为了练习,我正在重新创建其他网站的设计。我不知道如何放置称为“快速入门说明”的框(它在猫的上方)。 https://jekyllrb.com/ 具体来说,我要问的是如何使元素在其父元素的下方和上方溢出。我无法从检查元素中找到答案(如果有人知道如何通过检查元素找到它会更有帮助!),但现在我认为唯一可行的解​​决方案是使用绝对定位,这似乎非常麻烦和耗时。 谢谢!

最佳答案

您在正确的轨道上检查元素。这是使用负边距值完成的。如果你继续挖掘,你会看到这段代码:

@media (min-width: 768px)
.quickstart .code {
    font-size: 18px;
    margin: -30px 0;
    float: right;
}

希望对您有所帮助!

关于html - 这个溢出 'trick'是怎么实现的呢?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33950547/

相关文章:

html - 发布以在容器中水平居中元素

java - JSP 页面无法访问/查找 CSS、图像等相关资源

html - 使用溢出时无填充 : auto

html - 超大屏幕 div 溢出

java - HTML 电子邮件的数据绑定(bind)

jquery - 使用 Fancybox3 创建自动播放幻灯片

contenteditable - 使 contenteditable div 中的 span 不可编辑

html - 如何并排堆叠两个动态大小的 block ?

css - 使用伪元素 :before in UL to create a vertical line

mysql - 如果我在 mysql 中将 char 的长度设置为 80,并且不对此进行验证,是否会被利用