css 控制div高度自适应浏览器的高度

html-css015

css 控制div高度自适应浏览器的高度,第1张

给你参考一下吧:

<html>

<head>

<style>

#container{height:100%border:solid 1px redwidth:100%}

#top{margin-top:1pxheight:80pxborder:solid 1px green}

#down{margin-top:1pxheight:89%border:solid 1px silver}

#left{height:100%border:solid 1px blackmargin:1pxwidth:200pxfloat:left}

#right{border:solid 1px #0aamargin:1pxheight:100pxwidth:40px}

</style>

</head>

<body>

<table id='container'>

<tr><td>

<div id='top'></div>

<div id='down'>

<div id='left'></div>

<div id='right'>canHaveHTML 获取表明对象是否可以包含丰富的 HTML 标签的值。

CLASS className 设置或获取对象的类。

clientHeight 获取对

</div>

</div>

</td>

</tr></table>

</body>

</html>

IE不认得min-这个定义,

但实际上它把正常的width和height当作有min的情况来使。

这样问题就大了,如果只用宽度和高度,

正常的浏览器里这两个值就不会变,

如果只用min-width和min-height的话,IE下面根本等于没有设置宽度和高度。

比如要设置背景图片,这个宽度是比较重要的。要解决这个问题,

可以这样:

#box{

width:

80px

height:

35px}html>body

#box{

width:

auto

height:

auto

min-width:

80px

min-height:

35px}

您好!很高兴为您答疑!

html,body{height:100%}

然后你要和浏览器高度一样的那个div的样式里面也写:height:100%

您可以在火狐社区了解更多内容。希望我的回答对您有所帮助,如有疑问,欢迎继续在本平台咨询。