个人中心
gpt4 book ai didi

html - Div 仅在其中包含某些内容时可见

转载 作者：太空宇宙 更新时间：2023-11-03 21:29:23 25 4
gpt4 key购买 nike

我目前正在做一个元素，但遇到了一个问题。我目前有一个“外部”、“中间”和“内部”div，因此我可以将我的内容恰好放在中间。但是当我在“内部”div 中放置一个 div 时，“内部”div 是可见的，但不是内部的那个(如果它不包含类似字母的东西)。

这是一个例子:

.outer {
    display: table;
    position: absolute;
    height: 100%;
    width: 100%;
}

.middle {
    display: table-cell;
    vertical-align: middle;
}

.inner {
    position: relative;
    margin-left: auto;
    margin-right: auto; 
    width: 100px;
    height: 100px;
    background: red;
}

.invisiblediv {
    height 30px;
    width: 30px;
    left: 0px;
    bottom: 10px;
    background: blue;
    position: absolute;
}
<!DOCTYPE html>

    <html> 
        
        <head>
            <link rel="stylesheet" type="text/css" href="example.css">
        </head>
        
        <body>
          
            <div class="outer">
            <div class="middle">
            <div class="inner">
              
                <div class="invisiblediv"></div>
            
            </div>
            </div>
            </div>
            
        </body>
        
    </html>

最佳答案

因为你的 CSS 有错误。在 invisiblediv CSS 中，属性 height 后缺少一个冒号。因此 div 以 0 高度呈现。

关于html - Div 仅在其中包含某些内容时可见，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/30589376/

25 4 0
文章推荐： c# - asp to aspx 创建重定向循环
文章推荐： Python Selenium 循环
文章推荐： python - Gcode解析问题？ - for 循环字节和字符串
文章推荐： c# - 同步时间 C#
太空宇宙
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com