css设置div的高度为屏幕宽度，div设置宽度和高度

div如何自适应屏幕div自适应屏幕宽度

1、输入位置：固定；top：0；左：0；将整个div固定在屏幕的顶部和左侧。输入宽度：100%；身高：100%；最小宽度：1000像素；这个可以适合div的高度和宽度，而min-width是在屏幕宽度在1000px以内的情况下，保持div的大小不变。

2、高度自适应较好解决，将高度设为自动，如：aa{height：auto；}。宽度自适应将宽度设为百分比的方式，如：.wai{widht：98%；margin：0 auto；}/*宽度占整个屏幕的98%，且水平居中显示*/。

3、代码如下：media screen and (判断属性){ CSS样式选择器 } 这里注意花括号里装要变化CSS样式选择器。

4、设置一个div的固定宽度，然后外面用另外一个div进行包容，给外层div设置一个背景图片，让背景图片进行平铺，宽度自适应，设置它的外边距自适应。

5、class=box2h1box2/h1/div/div/body可以简单参考一下，上面用了flex布局。

6、内层div如果不设置宽度的情况下会与外层div宽度一致，因为div是块级元素，默认是父容器的100%。外层div如果不设置高度的话会与内层div高度保持一致，因为它会根据内容的多少自适应高度。

相关问答

Q1: css手机版页面制作时如何让背景图片适应div的高度和宽度

输入位置：固定；top：0；左：0；将整个div固定在屏幕的顶部和左侧。输入宽度：100%；身高：100%；最小宽度：1000像素；这个可以适合div的高度和宽度，而min-width是在屏幕宽度在1000px以内的情况下，保持div的大小不变。

首先，打开html编辑器，新建html文件，例如：index.html。

对背景图片设置属性：background-size：cover；可以实现背景图片适应div的大小。background-size有3个属性：auto：当使用该属性的时候，背景图片将保持100% 的大小显示，不进行任何缩放。超过div的多余部分将被隐藏。

一是通过将该图片设定为某个div的背景图片，然后该div的长宽不使用绝对的px，使用相对的em或者rem。二是将图片设定display：block，设定图片的长宽为rem或者em。

Q2: 怎样在窗体加载的时候让一个div的高度为屏幕的高度

增加一个清除浮动，让父容器知道高度。请注意，清除浮动的容器中有一个空格。

首先创建或者打开我们的web项目，新建一个html文件和css文件即可，如图所示。html页面代码如图所示，定义一个div，然后给一个id属性即可。

办不到， 只能用js获取屏幕高度 ，并动态赋值中间div的高度。

首先使用HTML编辑器sublime_text，点击进入。开始写代码之前，先去查一下css中什么可以控制div的大小。

要想对DIV设置全屏，一般设置其width宽度样式为100%，设置其width宽度样式为100%有两种方案，具体方案如下。

Q3: 如何用CSS实现DIV的高宽自适应浏览器大小

1、在body中添加一个DIV，并引入一个CSS，命名为【aaa】。给这个DIV添加背景色，并定义它的宽和高。【background：#FA2；width：400px；height：600px；】。然后添加如下代码。

2、最后，通过设置元素的宽度和高度为百分比值（例如 50%），使其相对于父级元素的大小进行缩放。这样，当浏览器窗口缩放时，元素的位置和大小将根据父级元素的大小进行自适应调整。

3、首先创建或者打开我们的web项目，新建一个html文件和css文件即可，如图所示。html页面代码如图所示，定义一个div，然后给一个id属性即可。

4、具体自己把握，然后设置左边的DIV左浮动，右边的DIV右浮动即可。

5、输入width：100%；height：100%； min-width： 1000px；这个可以适合div的高度和宽度，而min-width是为了实现让屏幕宽度在1000px以内时，div的大小保持不变。

Q4: 如何通过css控制div在页面显示的大小

1、最后，通过设置元素的宽度和高度为百分比值（例如 50%），使其相对于父级元素的大小进行缩放。这样，当浏览器窗口缩放时，元素的位置和大小将根据父级元素的大小进行自适应调整。

2、要想放大，增加页面大小，按住 CmdCtrl 的同时按 +。要想缩小，减小页面大小，按住 CmdCtrl 的同时按 -。要想重置为正常的页面大小，按住 CmdCtrl 的同时按 0。

3、先新建一个html文件，并在head中添加样式表【styletype=text/css/style】。在body中添加一个DIV，并引入一个CSS，命名为【aaa】。给这个DIV添加背景色，并定义它的宽和高。

4、}/stylediv id=maindiv id=sub1 onclick=substyle.display=block；点我显示下面小div。当前div会自动占满剩余空间。

5、新建一个html文件，创建一个类名为wrap的div。先通过css类选择器选择到div来控制div的宽度和高度和背景颜色（没有边框时方便看出来div的大小）。

6、首先使用HTML编辑器sublime_text，点击进入。开始写代码之前，先去查一下css中什么可以控制div的大小。

关于css设置div的高度为屏幕宽度和div设置宽度和高度的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。