html – 如何将元素的背景扩展到其容器之外？

我有一个包含h3标签的div,我希望h3的背景超出包含div标签到页面边缘.有没有办法在CSS中这样做？
我认为绝对定位h3,但我不知道从屏幕边缘到div边缘的大小(我希望它的位置),因为div居中.

最佳答案

不幸的是,你需要知道通过简单的CSS,你需要知道到右边缘的距离.然后绝对定位可以正常工作.当然,您可以使用一些JavaScript轻松完成此操作,如果使用jQuery则更容易：

$(function() {
    $('h3').each(function() {
        $(this).width($(window).width() - $(this).offset().left);
    });
});

在CSS中：

h3 {
    position: absolute;
    ...
}

原文地址：https://www.jb51.cc/html/426311.html