元素的直接父元素是宽度可以宽于窗口宽度的元素。
我希望包含文本段落的元素不需要水平滚动,即宽度应自动调整到窗口宽度。
我可以使用几行jQuery代码来完成它,但它可以仅通过CSS完成吗?
答案 0 :(得分:2)
你可以使用vw
来获得一个近似的窗口宽度(它不总是窗口宽度,但99%的时间可以工作)。但是只有CSS3。单位vh
和vw
的作用类似于视口大小的百分比。更多信息: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;
}