如何在不使用代码的情况下将元素设置为窗口宽度?

时间:2015-04-01 09:13:27

标签: css css3

元素的直接父元素是宽度可以宽于窗口宽度的元素。

我希望包含文本段落的元素不需要水平滚动,即宽度应自动调整到窗口宽度。

我可以使用几行jQuery代码来完成它,但它可以仅通过CSS完成吗?

2 个答案:

答案 0 :(得分:2)

你可以使用vw来获得一个近似的窗口宽度(它不总是窗口宽度,但99%的时间可以工作)。但是只有CSS3。单位vhvw的作用类似于视口大小的百分比。更多信息:https://developer.mozilla.org/en/docs/Web/CSS/length

以下是一个例子:

div { width: 100vw; } /* This div will be exactly the width of your viewport, or browser window (most of the time)*/

答案 1 :(得分:0)

尽可能使用相对定位,任何大的子元素都应该等于父元素。但你总能绝对定位它:

.someElement{
    position:absolute;
    width:100%;
    height:100%;
    left:0px;
    top: 0px;
}

有用的文章:set an element to window width with CSS only