【设置了宽高的小盒子，在加入“首页”文字之后，原有的高度就塌陷了 _浮动】

设置了宽高的小盒子，在加入“首页”文字之后，原有的高度就塌陷了

我也踩过这个坑( 1 )

已统计您的踩坑,无需重复点击

回答(1)

浮动

详细描述

截图

代码

<head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1" />
   <title>Title</title>
   <style>
       * {
                      margin: 0;
           padding: 0;
       }
       .foot{
                      position:fixed;
           bottom:0;
           width:100%;
           height:4rem;
           background-color:#fff;
           box-sizing:border-box;;
           padding:0.3rem;
           text-align:center;
       }
       .house,
       .write,
       .man {
                      display:inline-block;
           background-image: url("形状4.png");
           background-repeat:no-repeat;
       }
       .house,
       .man {
                      width:2rem;
           height:3rem;
           background-size:8rem;
       }
       .house {
                      background-position:left top;
       }
       .write {
                      width:4rem;
           height:3.5rem;
           background-size:7rem;
           background-position:4px bottom;
       }
       .man {
                      background-position:-50px top;
       }
       .house div {
                      display: inline-block;
           font-size:1rem;
       }
   </style>
</head>
<body>
<div "foot">
   <div "house">
       <div>首页</div>
   </div>
   <div "write">
   </div>
   <div "man">
   </div>
</div>
</body>
</html>

编辑于2024-04-25

时间排序

热门排序

[深圳|荣耀师兄]JS-张志安
0

师弟用flex布局试试，雪碧图和文字所在的box设置flex，调整方向，等等方法。
关于你想自己为什么，大部分问题需要F12调试查找。我比较菜，单看看不出来。23333

查看全部>

编辑于2019-11-18

去第页