Question

我有一个问题是放置一些div。我有以下结构：

<div class='box'>
  <div class='boxTitle'><span class='name_field'>my_first_field</span></div>
  <div class= 'boxContent'><div class='JSDIV'>my_first_content</div></div> 
  <div class='boxBottom'></div>
</div>

<div class='box'>
  <div class='boxTitle'><span class='name_field'>my_second_field</span></div>
  <div class= 'boxContent'>
    <div class='JSDIV'>
      <span id='id_field_toJS'></span>
    </div>
  </div>
</div>

<div class='boxBottom'>  .</div>
</div>

JSDIV类允许我在这个字段上执行一些javascript。 boxTitle，box Content和boxBottom允许我使用框架，在那些上设置somme美丽的css并从“box”div类中获得非常好的东西。但问题是： - div类“boxBottom”必须有一个要显示的字符，如果我让它消失的空格。很遗憾，因为它是在盒子底部浸没而没有它，盒子似乎被切割了。 - 我不知道用每个“盒子”制作两个或三个柱子的方法。当我尝试“.box {display：inline}”时，每个div设置得非常好。一些图片有助于理解。

这是一个普通的盒子，当div“boxBottom”为空时跟随同一个弓（现在我添加一个点“。”用一个字符填充它：“！

http://i.stack.imgur.com/LtbYV.png

现在，我期待的性格： i.stack.imgur.com/szWfT.png

当我设置.box {display：inline;}时我获得的（仅在一个盒子上，所有其他人都会遇到同样的问题） i.stack.imgur.com/B3nRX.png

我认识到我的问题并不是很简单，因为使用了一个框架，但在这里它可能只适用于div，它必须放在两列或三列中。我希望jQuery会这样做，但我没有找到任何处理所有div的函数。

感谢您的阅读！（对不起，我没有足够的声誉来正确发布图片，所以我用另一种方式来做。只需在链接之前添加“https：//”即可。

雨果。

Answer 1

快速解决方法是：

<div class='boxBottom'>&nbsp;</div>
</div>

Answer 2

为了让contentBottom div中的高度放置一个不间断的空格（ ）或使用css属性指定最小高度min-height

CSS：列中的Div放置

2 个答案: