Question

如何强制显示此空div标签？我必须在div中添加 才能显示。有没有办法强制它只使用CSS显示？

<div class="bar bg-success" title="2015-07-23,5.0000" height="50%"></div>

.bar {
  background: green;
  width: 5px;
  float: left;
  position: relative;
}

我尝试添加

.bar:after {
  content: " ";
}

但这没有帮助。

小提琴：http://jsfiddle.net/cf0gprLn/
Bootply：http://www.bootply.com/TNjKAPiO7l

请忽略以下所有说明在CSS中设置高度的答案。高度必须动态设置。  使其显示。

抱歉，我发现自己犯了高跟鞋的错误。我不确定我在想什么。但是，它仍然无效：

<div class="bar bg-success" title="2015-07-23,5.0000" style="height: 50%;"></div>

我认为它适用于JSFiddle，但不适用于Bootply。这是Bootstrap的一个问题。由于问题发生了变化，我将重新输入一个不同的问题。使用内联样式更新了BootPly：http://www.bootply.com/0ApACbxmwP

Answer 1

确实有效！ :)你只需要添加一个height！：）

您可以在此处查看更新的小提琴：http://jsfiddle.net/cf0gprLn/1/

修改

我看到您在HTML中添加了height。不起作用的原因是因为这样就构成了整个div。另一方面，类是分开的，高度和宽度都需要在那里定义。它要么全部存在，要么自己在HTML中。

Answer 2

train()

和你的HTML

nan

Answer 3

非常接近。你只需要一个酒吧班的高度。

试试这个，

.bar {
  background-color: green;
  width: 50%;
  height: 100%;
  position: relative;
  float: left;
}

Answer 4

我还会在其他人的答案中添加你的“后”技巧不起作用，因为它会在div标签中包含内容后放置内容。尝试使用非空白字符，你应该看到这种情况。

如何使用CSS显示空div标签？

4 个答案: