div默认宽度

在头部标签前面输入width就是div的宽度，height就是div的高度，px值是单位，想设置不同的宽度和高度只需要改变width和height的数值就行了

div如何根据实际大小设置宽度

div的宽度百分比是相当于父级而定的，假如父级div宽度是100px，那么子级设定200%就会是200px；

例：

如果父级设置了左右方向的padding内边距的话，父级宽度设置100px的，那么子级设置百分比的宽度也还是200px，但是从视觉上去看子级会短一些，其实只是父级显示的宽度大了而已，

例：

这里你就需要了解padding属性的特性，加了padding的div的显示宽度是div所设置宽度+padding左右值的和；假如div设置了宽度为100px，然后又设置了padding:0 30px;那么div显示的宽度将为160px;

div设置长宽

1.首先，我们对div设置固定宽度和高度。

2.然后在div里面插入一张图片。

3.插入图片后，在预览中看到的效果，明显图片已经将父级的背景尺寸给盖住了，图片偏大了。

4.然后这个时候，将图片的宽度设置为何父级一样的宽度，代码就是width:100%;这里的100%会自动跟随父级的宽度选择。

5.这时候回到浏览器中，可以看到图片的宽度和父级div的宽度一致了，然后修改的就是高度的范围了。

6.如果也将图片的高度设置为父级的100%，那么图形就会发生形变，所以在这里需要将父级的高度去掉，这样子集的高度就自动化了。

7.很多时候，将图片在框中显示的时候，在底部会出现一个小边框，这时候将图片设置为display:block;转为块状就可以了。

div默认宽度是多少

如果div里面只有一个内联元素，这个div的高度就是这个内联元素这一行的行高。这一行也叫行盒（不同字体的默认行高不同）。内联元素的宽度是由字数决定的，设置宽度没有用，可以加padding、margin和border。但高度不受padding、margin和border的影响。

div设置长度

给宽度的时候都按照%的形式~就会实现自适应缩放~根据浏览器的大小打开~

设置div高度

你设置了菜单的div为固定后，， 再下面的div你需要margin-top:菜单div的高度，，，

div默认宽高

一、首先，我们先设计一个div，并且给这个div添加一个id，id名随意取。然后设置一下宽高，并且添加一个红色的背景属性值。默认情况下，这个div是靠近浏览器的顶部和左边的。二、接着我们给这个div设置一下margin值，从左到右表示的是上边，右边，下边，左边的margin值。设置好之后，可以看到左边和上边都隔开了一定的距离，这就是margin值的用处，而下边和右边因为没有其他div或者其他颜色，所以效果被忽略了。当然，margin值也可以分开写，比如我只设置div的上边的margin值，就可以使用margin-top，而右边则可以使用margin-right，左边则是margin-left，下边则是margin-bottom。三、设置margin-top之后，只有上边拉开了距离，而左边并没有拉开距离。接着我们再在网页中添加一个div，并设置id为“you”。接着设置“you”这个div的宽高和背景。四、新添加一个div之后，如果没有设置margin-bottom的值，两个div就会连在一起。然后我们给上面的div，也就是“my”,设置margin-bottom。设置好之后，两个div之间就会拉开距离，这样就可以定位好div的位置。五、如果我们给“my”设置好margin-bottom之后，又给“you”设置margin-top，又会有什么结果呢?结果就是这样：有两个相邻的div，如果一个div设置了margin-top，另一个设置了margin-bottom，则以它们之间值最大的为准。六、比如margin-top是50像素，margin-bottom是30像素，则间隔就是50像素，而不是两个相加哦。了解这个之后，在网页布局中，我们只需要对其中一个设置就可以了。

div不设置宽度和高度有默认高度?

如果将div 的height 设置为固定的像素值，在不同分辨率的显示屏上，会看到div 在浏览器上的高度不一致。可以以百分比的形式设置div 的高度。注意，这个百分比是针对div 的上一层标签而言的，如果当前div的上一层标签的height 为 100px，那么当前标签设置hight 为 100% 时，它的高度也就是100px。

HTML 页面中，html 和 body 标签的height是auto的。如果要设置div 的高度跟浏览器一致，则要先将html 和 body 的高度设置为100%。

如果设置了父类标签的百分比高度，但是当前div 的高度还是不能以百分比的形式放大缩小时，要考虑当前div 的子类标签的高度是否都是以固定像素定义的。如果是，则也要统一改成以百分比的形式定义高度。

div标签的实际宽度

具体操作方法步骤如下 ：

1.新建一个html文件,命名为test.html,用于讲解怎样用js修改div标签的样式。

2.在test.html文件内,使用div标签创建一个模块,并设置其样式,定义其宽度为150px,高度为150px,背景颜色为红色。

3.在test.html文件内,设置div标签的id为aadiv,用于获得div对象。

4.在test.html文件内,使用button标签创建一个按钮,给button按钮绑定onclick点击事件,当按钮被点击时,执行editDivCss()函数。

设置div的宽度和高度

子标签高度和宽度是相对父标签，如果父元素没有设置宽度和高度，那么子标签会向上找，也就是父元素的父元素，以此类推您这个例子，子标签div是块元素，父元素以及祖宗元素都没有宽度，子标签的100%宽度就是相对根元素html，加上div是块元素，默认会充满整个盒子子标签的高度100%，此例是相对body元素，而body又相html所以子标签的高度取决于html高度希望能帮到你