DIV中标签影响高度_html/css_WEB-ITnose

宜家博客
宜家博客
宜家博客
47403
文章
0
评论
2019年9月11日02:35:57 评论 35 1594字阅读5分18秒

    
         
  

xyz

以上是我的测试代码。

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

  • 微信
  • 分享
  • 相关标签:lt h> 影响 div 标签
  • 本文原创发布php教程 ,转载请注明出处,感谢您的尊重!
    • 上一篇:请教下 css 弹出叠层如何覆盖父有层_html/css_WEB-ITnose
    • 下一篇:类似于PHP的代码_html/css_WEB-ITnose

    相关文章

    相关视频

    • Html如何设置横向导航结构_HTML/Xhtml...
    • Html+css实现纯文字和带图标的按钮_HTML...
    • HTML对于元素水平垂直居中的探讨_HTML/Xh...
    • 修改输入框placeholder文字默认颜色-we...
    • DIV中<h>标签影响高度_html/...
    • HTML基础教程之<strong>和<em>
    继续阅读
    weinxin
    欢迎加入中国站长博客之家
    本站的所有资源都会上传分享到博客之家,希望大家互相学习交流进步。
    宜家博客
    HTML5 Canvas的事件处理介绍 html教程

    HTML5 Canvas的事件处理介绍

    这篇文章主要介绍了HTML5 Canvas的事件处理介绍,本文讲解了Canvas的限制、给Canvas元素绑定事件、isPointInPath方法、循环重绘和事件冒泡等内容,需要的朋友可以参考下 DO...
    简单介绍HTML5中的文件导入 html教程

    简单介绍HTML5中的文件导入

    这篇文章主要介绍了简单介绍HTML中的文件导入,包括加载jQuery、导入后的执行顺序等知识点,需要的朋友可以参考下 Template、Shadow DOM及Custom Elements 让你创建U...
    匿名

    发表评论

    匿名网友 填写信息

    :?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: