div中加<h>或<p>标签,div就会下移,什么原因?

div中加<h>或<p>标签,div就会下移,什么原因?,第1张

因为 h标题标签 有默认的 margin 和默认的padding 加起来高度大于父级容器div 所以他会错位 你去网上随便打开一个浏览器 查看元素 都可以看到如下css代码

html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, address, big, cite, code, del, em, img, ins, small, strong, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {margin:0pxpadding:0px}

这个就是先把所有的 这些标签 默认的 margin padding 设为0 然后才好进行高度和宽度的计算

希望能帮到你 谢谢

可以用css定位把一个div放到另一个div右下角。

1、新建html文档,在body标签中添加一个div标签,然后在这个div标签内再添加一个div标签,为外面的div标签添加“container”类,里面的div标签添加“inner”类:

2、在head标签内添加style标签,为“container”类和“inner”类分别设置样式,这时默认情况下内div在外div的左上角:

3、为外div添加样式“position: relative”,为内div添加样式“position: absoluteright: 0bottom: 0”,这时内div将会在外div的右下角:


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/zaji/7074663.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-01
下一篇 2023-04-01

发表评论

登录后才能评论

评论列表(0条)

保存