【问题标题】:Find height of a div查找div的高度
【发布时间】:2017-02-14 04:47:44
【问题描述】:

我遇到了一个小问题,我找不到我的 div 的高度,我从 Mysql 数据库中获取数据,所以它只是一堆文本。但是容器的高度没有改变,所以背景只在页面的第一部分。

我想过使用 jQuery 或其他东西来查找 div 的高度并将我的 css 更改为那个。

这就是我说的 div

<div id="artistright">
<h2>Biografie</h2>
<br />
<?php echo $data['biografie']; ?>
</div>

【问题讨论】:

  • 你不能在容器上只写height: auto;吗?
  • 能否提供容器的示例html/css?
  • 我相信你有 css 相关的问题,可能是浮动或一些静态高度。你能提供id="artistright"$data['biografie']生成的元素的css吗?网站还活着吗?那真的很有帮助。

标签: css html height


【解决方案1】:

正常高度

$('#id').height(); 

高度包括边距

$('#id').outerHeight(true); 

只要容器有库存 (height:auto),它就会根据需要扩展。您可能正在使用浮点数而不是清除它们 (clear:both)。

更新: 看起来这确实是一个浮动问题。当您使用它们时,必须正确清除浮动。你可以添加这个:

&lt;div style="clear:both"&gt;&lt;/div&gt; 就在该部分的结束 &lt;div&gt; 之前。

或者(只要它不会弄乱你的布局)

只需将clear:both 添加为#artistsright 中的最后一个样式。

【讨论】:

  • 但是我如何把这个放到 PHP 变量中呢?
  • 没有看到任何有问题的东西。如果你从数据库中引入内容,它应该取决于它所在的容器和管理它的 CSS。默认设置为height:auto,因此除非有规定,否则它应该拉伸。
  • 使用Firefox或Chrome检查工具,可以选择查看是否有CSS控制。
  • 我的容器高度设置为自动
  • 嗯.. 没有足够的代码来查看问题。如果没有正确扩展,某些东西会影响高度,您是否使用浮动?
猜你喜欢
  • 2014-08-30
  • 2011-01-19
  • 2015-10-10
  • 2013-08-03
  • 1970-01-01
  • 2013-04-11
  • 2017-05-11
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多