css - 查找div的高度

标签 css html height

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

我考虑过使用 jQuery 或其他工具来找到 div 的高度并将我的 css 更改为该高度。

这就是我要说的div

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

最佳答案

常规高度

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

包括边距的高度

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

只要容器保持库存 ( height:auto ),它就应该根据需要扩展。您可能正在使用 float 而不清除它们 ( clear:both )。

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

<div style="clear:both"></div>收盘前<div>的部分。

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

只需添加 clear:both作为 #artistsright 中的最后一种样式.

关于css - 查找div的高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15869150/

相关文章:

javascript - 是否有一个javascript来检查另一个脚本是否已被激活?

jquery - 增加flot饼图中的百分比字体大小

html - 为什么宽度会改变?

html - 在 div 层中定位文本

PHP Laravel Gallery 将数组拆分为 3 列

jquery - 使用ajax仅在提交表单时重新加载div

css调整div容器大小以适应小窗口

string - 使文本编辑器动态高度 SwiftUI

css - React Slick 幻灯片高度问题

jquery - 使用 CSS 和 jQuery 的横向滚动菜单