巧用CSS来控制div自适应浏览器的高度

 我来答

1个回答

#热议# 为什么说不要把裤子提到肚脐眼？

凤寅线茜
2020-04-04 · TA获得超过3747个赞

知道大有可为答主

回答量：3173

采纳率：27%

帮助的人：231万

我也去答题访问个人页

关注

展开全部

有些朋友在用css+div做站的时候，经常会碰到这样一个问题，某个框架在不同的浏览器下会变形或者位置错乱，这该怎么办呢？其实方法很简单，用以下代码就可以解决了：
<html>
<head>
<style>
#myTable{height:100%;border:solid
1px
red;width:100%;}
#top{margin-top:1px;height:100px;border:solid
1px
green}
#down{margin-top:1px;height:89%;border:solid
1px
silver}
#left{height:100%;border:solid
1px
black;margin:1px;width:200px;float:left;}
#right{border:solid
1px
#0aa;margin:1px;height:100%;width:240px;overflow:scroll;
}
</style>
</head>
<body>
<table
id='myTable'>
<tr><td>
<div
id='top'></div>
<div
id='down'>
<div
id='left'></div>
<div
id='right'>
这里是内容
这里是内容容这里是内容
这里是内容
这里是内容
这里是内容
这里是内容
这里是内容这里是内容
这里这里是内容

这里是内容
这里是内容
这里是内容

这里是内容
这里是内容
这里是内容
这里是双线空间是内容
这里这里是内容

这里是内容
这里是内容
这里是内容

这里是内容
这里是内容这里是内容

这里是内容

这里是内容
这里是内容这里是内容
这里这里是内容

这里是内容
这里是内容
这里是内容
这里是内容
这里是内容容这里是内容
这里是内容
这里是内容这里是内容
这里这里是内容

这里是内容
这里是内容
这里是内容
这里是内容
这里是内容容这里是内容
</div>
</div>
</td>
</tr></table>
</body>
</html>

已赞过 已踩过<

评论收起

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

巧用CSS来控制div自适应浏览器的高度

其他类似问题

为你推荐：