使用CSS缩放div的高度

时间:2015-12-09 17:08:06

标签: html css resize height scale

我的页面上有一个div但是当我调整窗口大小时,高度变得很奇怪。有了图像,我会这样做:

heigt: auto;

你怎么能做div?

谢谢!

PS。我有这个:

<body>
   <div id="divworks">
      <img src="image.png">
   </div>
   <div id="mydiv">
   </div>
    <div id="divworks1">
      <img src="image.png">
    </div>
</body>

#mydiv {
   margin-top: 80%;
   width: 100%;
   height: 115%;
   overflow: auto;
   background-color: #424242;
   padding-bottom: 1%;
   }

1 个答案:

答案 0 :(得分:-1)

height:auto;可让您的浏览器确定div的高度,这就是更改浏览器大小时缩放的原因。

如果您想设置高度,请使用height:100px;或您需要的任意数量的像素。

http://www.w3schools.com/cssref/pr_dim_height.asp

如果您需要更多选项,可以解释一些其他选项。