Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 如何在不使用代码的情况下将元素设置为窗口宽度?_Css - Fatal编程技术网

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)*/

谢谢对我来说足够好了。