css设置div高度等于宽度，css 高度等于宽度

小程序：扫一扫查出行
【扫一扫了解最新限行尾号】
复制小程序

如何设置div的固定宽度和高度

首先打开hbuilder编辑器，新建一个html文件，里面设置一个div标签并设置div的固定宽度和高度。

最小高度均为200px，当内容较少时DIV盒子的最小高度为200px，当内容比较多超出高度能装下时，DIV盒子自适应高度，为了便于观察与参考分析，我们统一设置宽度为100px，一个黑色1px CSS边框。

div设计长宽的方法：在div中加css就可以了。代码如下：div class=box1/div，然后在css文档里加上，box1{ width：300px； height：500px；} DIV是层叠样式表中的定位技术，全称DIVision，即为划分。

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

如图，我们对div设置固定宽度和高度。图像预览效果如下所示。然后在div里面插入一张图片，如图。插入图片后，在预览中看到的效果，明显图片已经将父级的背景尺寸给盖住了，图片偏大了。

1、一般来说，只用js修改高度，宽度最好是设定值。因为对于流式布局而言，宽度可变是不可接受的，会造成之后的元素全部需要计算位置。如果这个元素本身还是浮动的，那就更难以计算。有时会导致客户端浏览器频繁渲染，屏幕会闪动。

2、高度问题，只要有足够的内容，高度设置从来不是问题，大多数情况下也不需要去设置高度。

3、先给父级div设置宽度（像素）然后再子div里，设置百分比，如图示。

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

等比例就是要找出宽高的比。如果100/80 然后在缩放时，先缩放一个，然后用已知的宽高比算另一个值。

css不完美的，看看这个文章：应该用js取得宽度再用确定的宽高根据宽度算出高度，有些不能除尽的情况下有1px的差距。

比如，建立4个div，要实现宽度随窗口变化而变化很简单，把宽度设成百分比形式就可以了。

padding-bottom：50px；}的div了，尺寸还是一样的，通过指定这个div的子元素的定位，一样可以正常显示这样就可以通过设定父级元素father、我们需要的元素element、子级元素datail来实现任意情况下该需求（div宽高定比例）。

需要用@media写多份css的。无法做到真正的随屏幕变化而变化。而的用法是随着屏幕的大小，自动把页面自适应到屏幕的大小。这个是管用的。

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