设置div的宽度和高度（div设置高度100%）
用div布局3个容器,a1宽度500高度300a2宽500高300ac宽度1000高度300,怎...
新建一个html文件，命名为test.html，用于讲解div+css布局的基本流程。在test.html文件内，对body进行样式初始化，设置外边距margin为0，内边距padding为0，同时使用text-align设置文字居中。在test.html文件内，为了讲解方便，设置所有的div高度为200px，内容的颜色为红色。
在body中添加一个DIV，并引入一个CSS，命名为【aaa】。给这个DIV添加背景色，并定义它的宽和高。【background：#FA2；width：400px；height：600px；】。然后添加如下代码。【position：fixed；left：50%；top：50%；z-index：10；】。z-index是让DIV模块始终在最上端，也可以不添加。
增加一个清除浮动，让父容器知道高度。请注意，清除浮动的容器中有一个空格。div id=main div id=content/div div style=font： 0px/0px sans-serif；clear： both；display： block /div /div 增加一个容器，在代码中存在，但在视觉中不可见。
实现原理是设置margin自动适应，然后设置定位的上下左右都为0。
div实际得宽度＝div宽度＋padding的宽度。想保持一定距离有很多方法：你可以把让现在div的宽度改成减去padding后的宽度，还可以里面欠个div直接设padding。任何一个容器都可以指定为Flex布局。行内元素也可以使用Flex布局。Webkit内核的浏览器，必须加上-webkit-前缀。
css手机版页面制作时如何让背景图片适应div的高度和宽度
输入position：fixed； top： 0； left： 0；使整个div固定在屏幕的最上方和最左方。输入width：100%；height：100%； min-width： 1000px；这个可以适合div的高度和宽度，而min-width是为了实现让屏幕宽度在1000px以内时，div的大小保持不变。
根据页面设计情况选择相应的参数，方法就是设计背景size参数 background-size：cover ，适用于上半部分背景图片，下半部分纯色 将背景图像等比缩放到完全覆盖容器，背景图像有可能超出容器。
对背景图片设置属性：background-size：cover；可以实现背景图片适应div的大小。background-size有3个属性：auto：当使用该属性的时候，背景图片将保持100% 的大小显示，不进行任何缩放。超过div的多余部分将被隐藏。当图片过小时，图片会自动平铺。这种属性通常用来做重复性的背景或者做半透明图片背景。
你好！其实DIV的宽高要适应于图片的大小，那最好的办法就是不在要div里加入任何的CSS高度和宽度，如果你DIV两边还有内容的话，直接加入一个float就够了，至于宽高都改成auto或为空就行。
首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的style标签中，输入css代码：body {text-align： center；background： url（smallpng）； background-size： 60%；} 浏览器运行index.html页面，此时成功通过css控制了div居中显示，背景图片的大小为60%。
这个需要css3来控制了：页面代码：div class=bgImge/div 样式：.bgImge{ width：100%；--div的宽高一定要给指定。height：100%；background： url（背景图路径） no-repeat center center；background-size： 100% 100%；--这里是背景图片的大小，用百分比表示就可以随div的大小改变了。
CSS中如何设置div的宽度
我们首先设置一个DIV盒子CSS命名为“.abc”，设置其高度为300px，css边框为黑色；以及设置margin：0 auto布局居中。预先设置这两个样式是为了便于观察。
新建一个html文件，创建一个类名为wrap的div。先通过css类选择器选择到div来控制div的宽度和高度和背景颜色（没有边框时方便看出来div的大小）。通过div 的border属性控制边框颜色，设置border的宽度为2px，线型为实线，颜色为蓝色。
width=10% 设置的宽度值，nowrap=nowrap 使该列宽度超出亦不换行，自适应宽度向后一列挤压。
div设计长宽的方法：在div中加css就可以了。代码如下：div class=box1/div，然后在css文档里加上，box1{ width：300px； height：500px；} DIV是层叠样式表中的定位技术，全称DIVision，即为划分。有时可以称其为图层。DIV在编程中又叫做整除，即只得商的整数。
