css如何根据屏幕宽度设置div高度

css如何根据屏幕宽度设置div高度

操作方法

  • 01

    首先创建或者打开我们的web项目,新建一个html文件和css文件即可,如图所示

  • 02

    html页面代码如图所示,定义一个div,然后给一个id属性即可

  • 03

    这里是使用宽度的百分比之后,设置高度值为零,然后使用padding属性的top或者bottom的值(可以是任意百分比),背景颜色作为测试

  • 04

    然后在浏览器运行之后的效果是这样的哦,放大缩小浏览器,宽高会随之改变。

  • 05

    这个方法是使用expression来设置高度即可(这里只适用于ie低版本)。

  • 06

    在ie浏览器中的运行效果和上面的方法一样的哦(需要注意的是,如果div中有图片或者文字时,要注意其最小值即不会影响布局效果的div最小大小)

(0)

相关推荐

  • js 获取div高度并重新设置div高度与宽度

    操作方法 01 js 获取div高度并重新设置div高度与宽度 方法二 方法三

  • CSS中如何设置div的边框

    您可以根据自己的需要,对div进行设置它的边框样式,或是隐藏掉div的边框.而在开发过程中,您如果使用得当div,它将给您的开发带来很大的便捷. 操作方法 01 首先,您需要创建一个div,对div进 ...

  • css怎样设置div背景色渐变

    Css设置 div渐变背景可以让网页看起来更有层次感,那么css怎样设置 div背景颜色渐变呢?今天小编我就来分享一下 css渐变背景的方法. 操作方法 01 举个例子,既然是要设置div渐变,所以我 ...

  • CSS设置DIV背景色渐变显示

    在开发网站的时候通常需要对网站的整体颜色进行修改.下面,我们来看看如何用CSS设置DIV背景色渐变显示吧. 操作方法 01 打开软件 可以使用Dreamweaver或Visual studio软件,比 ...

  • 从何设置CSS,让多行嵌套DIV水平也能居中?

    CSS布局中,主要使用DIV来进行分块展示,让DIV内的元素水平居中,简单的设置text-align属性就可以,但是DIV内嵌套多行DIV居中又该如何呢?本文从简单到多行一步一步教您. 操作方法 01 ...

  • css如何设置div固定在底部

    css提供了一个position: fixed的属性,通过这个属性可以设置div固定在浏览器底部. 操作方法 01 新建一个html页面,然后在这个html代码页面创建一个<div>标签, ...

  • CSS设置DIV的定位绝对定位和相对定位

    设置DIV或者其他元素在浏览器中显示的位置是HTML布局中重要的一个内用,我们通过合理的布局使得我们的网站美观大方,这里我就来说说如何使用CSS来给div定位. 操作方法 01 首先我不给div定位来 ...

  • word怎么设置页面宽度和页面高度?

    word怎么设置页面高度和宽度?根据打印纸大小设置? 操作方法 01 首先打开一篇文档,在功能区选择"布局". 02 在布局的页面设置功能区,点击页面设置右下角的小按钮打开详细设置 ...

  • 如何用CSS设置DIV边框透明

    如何实现用CSS设置DIV边框为透明呢?我们来看一看. 操作方法 01 透明一般认为是一种颜色属性,但是并没有这个数值.我们找到了一种让div实现透明的最佳方案,运用RGBA 02 RGBA在RGB的 ...