div的高度不会更改为<p>的高度
是因为div和<p>是不同的HTML元素，它们具有不同的默认样式和布局规则。
<div>是一个块级元素，它默认情况下会根据其内容的高度自动调整高度。如果没有设置具体的高度属性，<div>的高度将根据其内部内容的高度来决定。
<p>是一个内联元素，它默认情况下不会为其内容设置高度。它的高度由其内部文本的行数和字体大小决定。
因此，无论将<p>放置在<div>中还是<div>放置在<p>中，<div>的高度都不会受到<p>的高度影响。它们是独立的元素，各自根据自身的规则确定高度。
如果需要让<div>的高度与<p>的高度一致，可以通过CSS样式来实现。可以使用CSS的属性和值来设置<div>的高度，例如设置为与<p>的高度相等的固定值或百分比值。具体的实现方式取决于具体的需求和布局。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云云数据库MySQL版：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
- 腾讯云物联网（IoT）：https://cloud.tencent.com/product/iot
- 腾讯云移动开发（移动推送、移动分析、移动测试等）：https://cloud.tencent.com/product/mobile
- 腾讯云区块链（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云元宇宙（Tencent Real-Time Rendering Engine，TRRE）：https://cloud.tencent.com/product/trre
相关·内容
2回答
div的高度不会更改为<p>的高度
html、css
我在div里面有一段文字，我想让div有这段文字的高度，但由于某些原因，我似乎不能让它工作。 width: 960px; float: left;} width: 100%;position: relative; clear: both;<div class="content">
<
浏览 5提问于2016-09-12得票数 0
1回答
Chrome工具可以显示元素大小的来源或原因吗？
css、google-chrome、google-chrome-devtools
然而，据我所知，如果一个元素的大小不是直接由于直接设置的属性，或者属性继承或级联，则它不会描述、解释或显示元素框大小的来源或原因。考虑一下这个例子： <p id="p1">Lorem ipsum</p>使用默认的HTML5样式表(即<em
浏览 0提问于2018-02-08得票数 22
2回答
使用jQuery更改相对于P标记的上边距
jquery、html、css
我想有几个div，里面有p标签，但看不见。然后，当您将鼠标悬停在div上时，p标记的边距顶值将更改为其高度的负值。例如：
第一个p的高度是60px，它的页边距顶值是0。将鼠标悬停在其包含的div上。第一个p的页边距顶部的值变为其高度的负值，即60px，导致<
浏览 1提问于2012-11-05得票数 2
回答已采纳
2回答
JQuery幻灯片事件和分区高度未按预期更改
javascript、jquery、height、slidetoggle
我正在使用JQuery，并且当子div滑入滑出时，我正在尝试更改div框的html。我的问题是下面的代码没有改变#menu_text的html值。它只显示隐藏菜单，不会检测由slideToggle更改的实际高度。20更改，除非您非常快速地多次单击div，然后它将更改为1。(我要补充的是，样式表中定义的高度是20)。
医生说slideToggle只影响物体的
浏览 2提问于2009-11-16得票数 0
回答已采纳
6回答
让<p>的高度决定<div>的高度
javascript、jquery、html、css
我在一个<div>中有一段文字，它随长度和高度而变化。我希望div有一个最小的100px高度，但是随着<p>的高度超过80px而增加。我将css属性height: 100px设置为<div>，但当<p>超出80px时，文本就会从<div>中溢出，<div>的高度保持不变。我该
浏览 7提问于2011-07-02得票数 4
回答已采纳
1回答
css html页脚问题可以解决吗？
html、css、footer
我有一些主要的问题，以页脚文本垂直(高度)，我确实希望页脚更接近段落文本。这有可能吗？<div id="main"></div>
<footer id=&
浏览 1提问于2019-02-25得票数 0
回答已采纳
3回答
强制具有内联css的容器使用子容器的高度
html、css
下面是我的html： <div class="content"> <p></p> <p></p>
<div style="heightimport
浏览 28提问于2019-09-11得票数 2
回答已采纳
1回答
响应类设置iFrame height为0，不显示图片
iframe、tumblr、responsive、responsiveness、tumblr-themes
在做一个项目时，我发现我在Tumblr上的一些图片无法显示。我发现的唯一线索是，在responsive level-1类中(参见下面的html代码)，iFrame的高度被设置为0。我使用一个主题(砖主题/主题花园)，但能够编辑的html和css。我可以修改我的css和/或HTML来解决这个问题吗？跨设备平台(台式机/手机/平板电脑)出现此问题。未显示图像的示例-
相应的css文件: responsive.css
浏览 5提问于2016-11-07得票数 0
2回答
顺风:等高柱
html、css、flexbox、tailwind-css
我有三个列，每个列包含一个人的形象，名称，功能和一个引号。我希望所有3列的高度相等。到目前为止，我已经尝试设置p class=" flex-1“，它没有做任何作用，我还将第二个内部div改为class=”FLEXFLEX-1-P-6间隙-y-4“。这确实使列在高度上相等，但它使div变成一行而不是列，如果我使用flex-1与flex一起使用，则不会将列设置为相等的高度。
浏览 5提问于2021-12-14得票数 2
回答已采纳
2回答
如何检测儿童div的高度超过父div的高度
javascript、html、jquery、css
我有一个div，它包含div，包含div，包含div，其中div的默认高度为40 of。有点像下面。/div></div>
问题是，div C的实现方式可以动态地改变高度。因此，它可能会超过默认高度的div A(40 it )，并造
浏览 1提问于2021-10-27得票数 0
回答已采纳
5回答
如何使用jQuery使多个DIVs保持相同的高度？
jquery、html、css、layout
我有一些不同数量的文本内容的DIV标签。<div id="boxes"> <p>...所以，我遍历它们，找到最高的一个的高度。然后我再循环一次，把它们都设定到那个高度。$(this).height(maxHeight);});
如果div</e
浏览 5提问于2009-04-29得票数 5
回答已采纳
2回答
百分比高度与最小高度的行为是什么？
html、css、height
当你把最小高度给父母，给孩子百分比身高时，孩子不会得到任何高度。 min-height: 50vh; height: 50%;<div class="p"><
浏览 4提问于2019-05-13得票数 4
1回答
自动高度垂直滚动条
css
我有一个最大高度的div。在这个div中有两个div包含文本。第一个div有文本限制，但可能为空或半满，因此大小不一致。下一个div有更多的数据，但不太重要。我希望它的工作方式是，当外部div溢出时，第二个div会得到滚动条，但是我无法知道如何在不指定设置高度的情况下做到这一点，但这不起作用，因为另一个div是变化的。
让我试着
浏览 0提问于2015-06-09得票数 1
回答已采纳
2回答
高度是可变的，所以浮动对象的高度需要改变，但它不会改变，它只和我放进去的东西一样高，除非我固定了外部div的高度。我哪里错了，我怎么才能在不固定高度的情况下使它达到完整的高度？编辑:p标记位于浮动div的正左侧，因此它不能在内部div中<div
浏览 5提问于2011-02-27得票数 2
回答已采纳
1回答
移动浏览器和旧浏览器上的内容溢出
html、css
我有一个容器，在这个容器中有一个固定的高度和内容。我一直使用"em“来调整字体大小，它适用于FireFox和IE的现代版本。然而，我在我的手机和一个旧版本的IE(6)上检查了一下，内容溢出了容器的底部，进入了页脚。到目前为止，我已经尝试将这个容器的高度更改为auto！重要信息，并将固定高度设置为最小高度，但这不起作用。另外，我将em更改为相应的px大小，
浏览 0提问于2013-06-13得票数 0
回答已采纳
3回答
角材料片高
angular、angular-flex-layout
我试图有一个完整的页角材料标签，其中有标签，是完整的高度和有一个居中的信息。我已经创建了，因为我无法让它工作。fxFill似乎没有填充，我不确定这是Flexbox布局或角度材料的问题。我不想强迫在每个标签内的高度，因为这似乎击败了灵活的布局点。我确信它很简单，但可以帮助一个已经习惯了引导网格的糟糕的、困惑的开发人员:)
更新添加高度:calc(100 is 100 Is)；到父<e
浏览 1提问于2018-06-06得票数 21
回答已采纳
2回答
div的更改方向
html、css
<div></div>
width:400px; font-size:40px;现在，如果内容的高度大于div高度，则内容从div垂直出现。Div将宽度修正为400 of，并且内容不会水平地从
浏览 9提问于2014-03-01得票数 2
回答已采纳
3回答
当内容小于div的高度时，我如何在使用overflow:auto时删除无用的空间
css、html、height、overflow
HTML代码 <div class="auto">This adds the scroll bar based on you content.Here onlyvertical scroll bar needed so that is added n visible</div> div.auto background-color:#00FF00;
浏览 0提问于2013-05-21得票数 1
回答已采纳
2回答
柔性盒，绝对定位和100%高度
html、css、flexbox
当我在一个绝对的盒子里玩一个挠曲盒时遇到了一个小问题，这是在一个定义的高度div内(我会在这个过程中解释)。首先，这里是我的演示的一个小提琴，可能更容易理解问题： <div class="text">
<div class="i
浏览 1提问于2014-12-06得票数 4
回答已采纳
1回答
我有一个包装器div，包含一个右浮动的100%高度div和一个图像。
图像的宽度设置为%。当您调整浏览器窗口的大小时，图像高度会增加或减小，同时也会考虑包装器div的高度。当我在包装器div上设置一个固定的高度时，右边的100%高度div会随我的意愿而增加。但是，包装器div
浏览 0提问于2013-04-05得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
