DIV中<h>标签影响高度_html/css_WEB-ITnose
<script type="text/javascript"> $(document).ready(function () { //parent.$.modalbox.resize({w: 500, h: 300}); //parent.$.modalbox.moveto("center"); console.warn($("body>div:first").height()); console.warn($("body>div:first").outerHeight(true)); console.warn($("body>div:first>h3").height()); console.warn($("body>div:first>h3").outerHeight(true)); })</script><body> <div> <h3 id="nbsp-nbsp-nbsp-nbsp-nbsp-nbsp-nbsp-nbsp-nbsp-nbsp-nbsp-nbsp-span-nbsp-id-pass-title-xyz-span-nbsp-nbsp-nbsp-nbsp-nbsp-nbsp-nbsp-nbsp"> <span id="pass-title">xyz</span> </h3> </div> </body>
以上是我的测试代码。
DIV中包含一个h3标签，单独用$("body>div:first>h3").outerHeight(true)取h3的高度可以取到包含Margin的总高度，但是
用$("body>div:first").outerHeight(true)取div的总高度却不包含margin的高度，求高手帮忙
回复讨论(解决方案)
有人没啊，快来看看啦
饿..
LZ改成
这是display属性详解 http://www.w3school.com.cn/cssref/pr_class_display.asp,
lz也可以把div加个float:left试试.
css-box模型还是挺复杂的
这是display属性详解 http://www.w3school.com.cn/cssref/pr_class_display.asp,
lz也可以把div加个float:left试试.
css-box模型还是挺复杂的
好像还是不行啊
这是display属性详解 http://www.w3school.com.cn/cssref/pr_class_display.asp,
lz也可以把div加个float:left试试.
css-box模型还是挺复杂的
好像还是不行啊
没问题啊float, 和 display:inline-block之后会被内部元素完全撑开
事?上div的margin-top是collepse h3??的 margin-top，但?不算在div?，所以div??的outerheight ?比h3?的低
这是display属性详解 http://www.w3school.com.cn/cssref/pr_class_display.asp,
lz也可以把div加个float:left试试.
css-box模型还是挺复杂的
好像还是不行啊
没问题啊float, 和 display:inline-block之后会被内部元素完全撑开
前后不换行的...
?替你?了一??解：
你可以?h3?display:inline-block; width:100% 解?
?充：
在?ie下h3要?
h3{
display:inline-block;
*display:inline;
*zoom:1;
}
?充：
在?ie下h3要?
h3{
display:inline-block;
*display:inline;
*zoom:1;
}
谢谢了，你的图很有用哦。分给你了
”事?上div的margin-top是collepse h3??的 margin-top“ 这个是你根据实际情况总结的还是官方文档有说的？
?充：
在?ie下h3要?
h3{
display:inline-block;
*display:inline;
*zoom:1;
}
谢谢了，你的图很有用哦。分给你了
”事?上div的margin-top是collepse h3??的 margin-top“ 这个是你根据实际情况总结的还是官方文档有说的？
官方文?： http://www.w3.org/TR/CSS2/box.html 8-3-1底下其中一行
top margin of a box and top margin of its first in-flow child
热AI工具
Undresser.AI Undress
人工智能驱动的应用程序，用于创建逼真的裸体照片
AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。
Undress AI Tool
免费脱衣服图片
Clothoff.io
AI脱衣机
Video Face Swap
使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸！
热门文章
热工具
记事本++7.3.1
好用且免费的代码编辑器
SublimeText3汉化版
中文版，非常好用
禅工作室 13.0.1
功能强大的PHP集成开发环境
Dreamweaver CS6
视觉化网页开发工具
SublimeText3 Mac版
神级代码编辑软件(SublimeText3)
VBOX_E_OBJECT_NOT_FOUND(0x80bb0001)VirtualBox错误
Mar 24, 2024 am 09:51 AM
在VirtualBox中尝试打开磁盘映像时，可能会遇到错误提示，指示硬盘无法注册。这种情况通常发生在您尝试打开的VM磁盘映像文件与另一个虚拟磁盘映像文件具有相同的UUID时。在这种情况下，VirtualBox会显示错误代码VBOX_E_OBJECT_NOT_FOUND(0x80bb0001)。如果您遇到这个错误，不必担心，有一些解决方法可以尝试。首先，您可以尝试使用VirtualBox的命令行工具来更改磁盘映像文件的UUID，这样可以避免冲突。您可以运行命令`VBoxManageinternal
使用飞行模式接收电话的效果如何
Feb 20, 2024 am 10:07 AM
飞行模式别人打电话会怎么样手机已经成为人们生活中必不可少的工具之一，它不仅仅是通信工具，还是娱乐、学习、工作等多种功能的集合体。随着手机功能的不断升级和改进，人们对于手机的依赖性也越来越高。在飞行模式出现后，人们可以更方便地在飞行中使用手机。但是，有人担心在飞行模式下别人打电话的情况会对手机或者使用者产生什么样的影响呢？本文将从几个方面来进行分析和讨论。首先
如何在Chrome和Edge的所有选项卡中搜索文本
Feb 19, 2024 am 11:30 AM
本教程向您展示了如何在Windows的Chrome或Edge中找到所有打开的标签页上的特定文本或短语。有没有办法在Chrome中所有打开的标签页上进行文本搜索？是的，您可以使用Chrome中的免费外部Web扩展在所有打开的标签上执行文本搜索，无需手动切换标签。一些扩展如TabSearch和Ctrl-FPlus可以帮助您轻松实现这一功能。如何在GoogleChrome的所有选项卡中搜索文本？Ctrl-FPlus是一个免费的扩展，它方便用户在浏览器窗口的所有选项卡中搜索特定的单词、短语或文本。这个扩
如何关闭抖音评论功能？关闭抖音评论功能后会怎么样？
Mar 23, 2024 pm 06:20 PM
在抖音平台上，用户不仅可以分享自己的生活点滴，还可以与其他用户互动交流。有时候评论功能可能会引发一些不愉快的经历，如网络暴力、恶意评论等。那么，如何关闭抖音评论功能呢？一、如何关闭抖音评论功能？1.登录抖音APP，进入个人主页。2.点击右下角的“我”，进入设置菜单。3.在设置菜单中，找到“隐私设置”。4.点击“隐私设置”，进入隐私设置界面。5.在隐私设置界面，找到“评论设置”。6.点击“评论设置”，进入评论设置界面。7.在评论设置界面，找到“关闭评论”选项。8.点击“关闭评论”选项，确认关闭评论
Java中的文件包含漏洞及其影响
Aug 08, 2023 am 10:30 AM
Java是一种常用的编程语言，用于开发各种应用程序。然而，就像其他编程语言一样，Java也存在安全漏洞和风险。其中一个常见的漏洞是文件包含漏洞（FileInclusionVulnerability），本文将探讨文件包含漏洞的原理、影响以及如何防范这种漏洞。文件包含漏洞是指在程序中通过动态引入或包含其他文件的方式，但却没有对引入的文件做充分的验证和防护，从
数据稀缺对模型训练的影响问题
Oct 08, 2023 pm 06:17 PM
数据稀缺对模型训练的影响问题，需要具体代码示例在机器学习和人工智能领域，数据是训练模型的核心要素之一。然而，现实中我们经常面临的一个问题是数据稀缺。数据稀缺指的是训练数据的量不足或标注数据的缺乏，这种情况下会对模型训练产生一定的影响。数据稀缺的问题主要体现在以下几个方面：过拟合：当训练数据量不够时，模型很容易出现过拟合的现象。过拟合是指模型过度适应训练数据，
抖音标签后面的时钟是什么？怎么给抖音账号打标签呢？
Mar 24, 2024 pm 03:46 PM
在浏览抖音作品时，我们经常能看到标签后面有一个时钟图标。那么，这个时钟到底是什么呢？本文将围绕“抖音标签后面的时钟是什么”展开讨论，希望为您的抖音使用提供一些有益的参考。一、抖音标签后面的时钟是什么？抖音会推出一些热门话题挑战，用户参与时会在标签后看到一个时钟图标，这代表作品正在参与话题挑战，并显示挑战的剩余时间。对于一些具有时效性的内容，如节假日、特殊活动等，抖音会在标签后面附上时钟图标，提醒用户该内容的有效期限。3.热门标签：当某个标签变得热门时，抖音会在标签后面添加时钟图标，表示这个标签正
抖音怎么带标签引流？平台什么标签最容易引流？
Mar 22, 2024 am 10:28 AM
抖音作为一款备受欢迎的短视频社交平台，拥有着庞大的用户群体。对于抖音创作者来说，带标签引流是一种有效提升内容曝光度和吸引关注的方法。那么，抖音怎么带标签引流呢？本文将为您详细解答这个问题，并介绍相关技巧。一、抖音怎么带标签引流？发布视频时，要确保选择与内容相关的标签。这些标签应涵盖视频的主题和关键词，以便让用户通过标签更容易找到您的视频。利用流行标签是增加视频曝光的有效方法。研究当前热门标签和趋势，将其巧妙地融入视频描述和标签中。这些热门标签通常具有更高的曝光度，能够吸引更多观众的关注。3.标签
