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

前端之家收集整理的这篇文章主要介绍了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;
    ...
}

猜你在找的HTML相关文章