前端div设置高度100%突然失效问题。

最新推荐文章于 2024-04-30 15:13:36 发布

小虫子啊

最新推荐文章于 2024-04-30 15:13:36 发布

阅读量423

点赞数

文章标签： css

本文链接：https://blog.csdn.net/m0_47090638/article/details/108790291

版权

在写静态小米官网的时候，突然遇到设置的div高度100%失效
最终找到一个解决办法

用相对定位来解决

<!DOCTYPE html>
<html >
<head>
<title>bsl.html</title>
</head>
<body>
    <div  class='title' style="background-color:yellow;height: 50px"></div>
    <div class='content' style="background-color:red;min-height: 600px;width: 100%;position:relative;">
        <div class='menu' style="background-color:blue;position:absolute;left:0;top:0;bottom:0;width:20%;">
        </div>
    </div>
</body>
</html>

优惠劵

小虫子啊

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
前端div设置高度100%突然失效问题。

在写静态小米官网的时候，突然遇到设置的div高度100%失效最终找到一个解决办法用相对定位来解决<!DOCTYPE html><html ><head><title>bsl.html</title></head><body> <div class='title' style="background-color:yellow;height: 50px"></div> &
复制链接

扫一扫