Css 如何在不使用代码的情况下将元素设置为窗口宽度?
元素的直接父元素是宽度可以大于窗口宽度的元素 我希望包含文本段落的元素不需要水平滚动,即其宽度应自动调整为窗口宽度Css 如何在不使用代码的情况下将元素设置为窗口宽度?,css,Css,元素的直接父元素是宽度可以大于窗口宽度的元素 我希望包含文本段落的元素不需要水平滚动,即其宽度应自动调整为窗口宽度 我可以用几行jQuery代码来完成,但是它可以单独用CSS来完成吗?尽可能使用相对定位,任何大的子元素都应该与父元素相等。但您始终可以绝对定位它: .someElement{ position:absolute; width:100%; height:100%; left:0px; top: 0px; } 有用文章:您可以使用vw获得近似的
我可以用几行jQuery代码来完成,但是它可以单独用CSS来完成吗?尽可能使用相对定位,任何大的子元素都应该与父元素相等。但您始终可以绝对定位它:
.someElement{
position:absolute;
width:100%;
height:100%;
left:0px;
top: 0px;
}
有用文章:您可以使用
vw
获得近似的窗口宽度(它并不总是窗口宽度,但99%的时间可以工作)。不过,只有CSS3。单位vh
和vw
的作用类似于视口大小的百分比。更多信息请点击此处:
举个例子:
div { width: 100vw; } /* This div will be exactly the width of your viewport, or browser window (most of the time)*/
谢谢对我来说足够好了。