css获取div高度，css获取元素的高度

是否可以利用css获取容器内宽度、高度较小的那个值?

vmax： 相对于视窗的宽度或高度中较大的那个。其中最大的那个被均分为100单位的vmax；vmin： 相对于视窗的宽度或高度中较小的那个。

以下是一些常用的CSS属性，它们可以影响盒子模型的宽度（width）和高度（height）： width（宽度）：设置元素的宽度。可以使用像素（px）、百分比（%）或其他单位来指定宽度值。 height（高度）：设置元素的高度。

CSS是控制样式表，CSS本身仅仅是控制控件样式的，无法取得浏览器宽度和高度，一般获取浏览器宽度和高度用JS代码获得。

要求盒子高度必须自适应内部内容的高度。 或者设置height的属性值是自动的。 一个元素内部嵌套的子元素， 在父元素中居中。

用百分比实现 width：50%，这样会根据屏幕的大小来自适应宽度 （插一条calc的属性详解）vw ：Viewport width，即容器（可以是div）的宽度，默认1vw=整个视窗宽度的1%，全屏为100vw。

CSS3新增样式，部分浏览器（IE8）不支持。 vmin：取视窗高度和宽度的最小值作为基准。 vmax：取视窗高度和宽度的最大值作为基准。

相关问答

Q1: CSS中DIV高度的设置?

首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。在index.html中的input标签中新增样式代码：style=width： 200px；height：60px；。

只需要把HTML或BODY的高度设定为100%，然后在body内的任意DIV的高度用百分比表示，就可以了。

首先我们新建一个测试项目然后新建一个index.html、basic.js和basic.css文件。js修改html文件中div的style中值来修改div的高度 HTML文件中的文件代码如图所示。

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

只需要把HTML或BODY的高度设置为100%，然后在body内的任意DIV的高度用百分比表示，就可以了。

你可以设置div的最高高度(max-height)为窗口的高度，滚动条设置为自动：overflow：auto，就可以实现所需。

Q2: 怎样让DIV自适应高度

1、第一种：一定高度内容加多时自适应高度，而内容少时DIV有一定最小高度；第二种：没有最小高度，DIV完全自适应高度。

2、首先创建或者打开我们的web项目，新建一个html文件和css文件即可，如图所示。html页面代码如图所示，定义一个div，然后给一个id属性即可。

3、增加一个清除浮动，让父容器知道高度。请注意，清除浮动的容器中有一个空格。

4、方法一：给父div定一个高度；方法二：对父级div标签闭合/div前加一个clear清除浮动对象；方法三：给父div加 overflow：hidden。

5、想让外层div自动适应内层div的高度和宽度 1）高度不需要设置，它会自适应 2）宽度可以给外层div加浮动或定位，加了之后内容有多宽，它就有多宽。或者是通过js获取内层元素的宽高然后给外层div加上即可。

Q3: 请问css高手,div的默认高度是多少??

IE6下默认的字体尺寸大致在 12 - 14px 之间。强制定义该 div 的字体尺寸div id=test1 style= background-color：#FFCCCC；width：400px； clear：both； font-size：0；/div。

DIV是块级元素，默认的宽为100%，也就是你DIV外面的元素有多宽，DIV就是多宽。DIV的高默认为内部元素的高，也就是DIV里面的元素有多高，DIV就是多高。

css默认下有一个高度，然后根据内容的填充需要自动适应内容的css写法：div{ min-height：400px； height：auto；} 设置最小高度，也就是固定的高度。设置高度自适应。

css 设定div 高度无效 只需要把HTML或BODY的高度设定为100%，然后在body内的任意DIV的高度用百分比表示，就可以了。

Q4: css如何确定div的高度?

{rightbox.style.height=leftbox.offsetheightpx} 2，p是块级元素，想要设置其高度可以通过css中的height来实现。

首先我们新建一个测试项目然后新建一个index.html、basic.js和basic.css文件。js修改html文件中div的style中值来修改div的高度 HTML文件中的文件代码如图所示。

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

IE6下默认的字体尺寸大致在 12 - 14px 之间。强制定义该 div 的字体尺寸div id=test1 style= background-color：#FFCCCC；width：400px； clear：both； font-size：0；/div。

假设这个DIV的class为box，那么可以这样定义这个DIV的高度：height：100%； overflow：hidden；这样这个DIV就可以自适应高度了，如果不这么定义的话，在某些浏览器里面可能会有DIV不会跟着里面内容的高度增加而增加的bug。

div用百分比是无效的。如果坚持要用百分比，请换成table标签。如果一定要用div标签，一种方法是通过JS脚本获取浏览器高度或宽度然后给标签，用纯CSS方法，是这样：给login_wrapper加一条属性“position：absolute”。

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