0

所以我知道当你设置像素宽度和高度时，你可以解决隐藏空 div 的问题，但是当使用宽度和高度作为百分比时呢？

这是我的代码，看看你是否能弄清楚如何让这个 div 显示背景颜色，但保持为空......谢谢！

HTML：

<div id="container"></div>

CSS：

#container{
    position: relative;
    width: 80%;
    height: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10%;
    margin-bottom: 10%;
    background-color: #E9E9E9;
    opacity:0.6; filter:alpha(opacity=60);
}
4

3 回答 3

0 
#container:before {
    content:"\00a0\00a0"; 
}

演示

于 2013-05-11T06:21:26.663 回答
0

我看到两个选项：

  • &nbsp;在 div 中插入 a ：<div id="container">&nbsp;</div>
  • min-width:1px;在 CSS 中插入

如果不指定高度数（如果 DIV id 为空），则无法增大高度。%如果父级定义了高度，则只能使用高度百分比 ( )。

于 2013-05-11T06:22:31.877 回答
0

在 div 中提及 class 属性以引用容器样式类

<div id="container"></div>

<style>
    <!--
    #container{
        position: relative;
        width: 80px;
        height: 80px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 10%;
        margin-bottom: 10%;
        background-color: #E9E9E9;
        opacity:0.6; filter:alpha(opacity=60);
    }
    -->
    </style>

在此处查看演示文件：jsfiddle

于 2013-05-11T06:12:23.117 回答