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.標籤
