为什么在应用填充时<p>会在另一个<div>中结束，而不是在中展开它的div？
在应用填充时，会在另一个<div>中结束，而不是在中展开它的<div>，这是因为在HTML中，<p>标签是用来表示段落的，而<div>标签是用来表示一个独立的区块或容器的。根据HTML的语法规则，<p>标签会自动在其前后添加换行符，使得段落之间有一定的间距。而<div>标签则不会自动添加换行符，它是一个块级元素，会独占一行或一块空间。
当在一个<div>中嵌套使用<p>标签时，浏览器会自动将<p>标签闭合，并在其前后添加换行符。这样可以确保段落之间有一定的间距，并且每个段落都独占一行或一块空间。如果在<div>中展开<p>标签，就会破坏这种段落之间的间距和独立性。
因此，在应用填充时，<p>会在另一个<div>中结束，而不是在中展开它的<div>，以保持段落的独立性和间距的正确显示。
腾讯云相关产品和产品介绍链接地址：
- 云服务器（CVM）：提供可扩展的计算能力，满足各类业务需求。详情请参考：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版（CDB）：高性能、可扩展的关系型数据库服务。详情请参考：https://cloud.tencent.com/product/cdb_mysql
- 云原生容器服务（TKE）：提供高度可扩展的容器化应用管理平台。详情请参考：https://cloud.tencent.com/product/tke
- 人工智能平台（AI Lab）：提供丰富的人工智能算法和模型，支持开发者构建智能应用。详情请参考：https://cloud.tencent.com/product/ailab
- 物联网开发平台（IoT Explorer）：提供全面的物联网设备接入和管理能力，支持大规模设备连接和数据处理。详情请参考：https://cloud.tencent.com/product/iothub
- 移动推送服务（信鸽）：提供高效可靠的移动消息推送服务，帮助开发者实现消息通知功能。详情请参考：https://cloud.tencent.com/product/tpns
- 云存储（COS）：提供安全可靠的对象存储服务，适用于各类数据存储需求。详情请参考：https://cloud.tencent.com/product/cos
- 区块链服务（BCS）：提供高性能、可扩展的区块链网络搭建和管理服务。详情请参考：https://cloud.tencent.com/product/bcs
- 腾讯云元宇宙（Tencent Cloud Metaverse）：提供全面的虚拟现实（VR）和增强现实（AR）解决方案，支持开发者构建沉浸式体验应用。详情请参考：https://cloud.tencent.com/solution/metaverse
相关·内容
为什么在应用填充时<p>会在另一个<div>中结束，而不是在中展开它的div？
这是我的代码。最后，我尝试在<p>元素中添加一些填充
浏览 5提问于2017-02-19得票数 0
回答已采纳
2回答
当我将边距应用于元素而不是扩展其包含的元素时，它会在元素之外创建边距。因此，下面的代码在div的彩色背景之间有一个空格。有办法用CSS我可以阻止它发生吗？<div
浏览 0提问于2013-11-22得票数 0
回答已采纳
1回答
绝对位置和高度百分比
、、、
请参考 <div id='p'> </div></div>
启用绝对定位时，div P的高度为60px (距父对象50+距填
浏览 1提问于2013-02-08得票数 0
1回答
我正在尝试创建一个导航栏，当用户悬停在p元素上时，它会显示导航链接。并透露了上述导航链接。我面临的问题是，当我把鼠标从单词内部移开时因此，从本质上说，导航链接将消失，因为它们的外观是由p元素在上方盘旋触发的。所以我的问题是，如何才能使p</e
浏览 0提问于2015-01-21得票数 0
回答已采纳
我正在尝试在Vuetify中创建一个可扩展的应用程序栏，当应用程序栏展开时，它会在应用程序栏中显示一个日期选择器。
当应用程序栏展开时，日期选择器显示为覆盖，而不是展开应用程序栏。如何使应用程序栏展开以包含日期选择器，而不是</em
浏览 12提问于2019-12-01得票数 0
3回答
在列表后重置格式
、、
我在格式化出现在有序列表之后的一些文本时遇到了一些问题。列表后的文本不再缩进。为什么会发生这种情况?我如何修复它？<!stylesheet" type="text/css" href="prac_style.css"> <body>
<h1>Practice Website</h1&g
浏览 1提问于2014-02-26得票数 1
2回答
突然间，我的网格之间没有任何空间了。我的标记非常简单： <div class="</div>
<div class="col-lg-3 col-md-3 col-xs-3 col-sm-
浏览 3提问于2014-06-29得票数 0
回答已采纳
1回答
当点击外接容器div时，链接工作得很好，但是当我点击一个图像时，它没有反应，在IE10和Google上都没有反应，但是在IE8上没有反应。请在下面找到我的CSS代码： margin: 0 auto; height: 27px; text-decoration: none; border
浏览 3提问于2014-11-27得票数 0
回答已采纳
1回答
我的页面上有三个.，带有..make列(4)；每个div都被应用。我尝试将. between；添加到包含所有三个子内容块div的div中，并将其设置为..make列(12)，希望在每个div之间有间距。正如你在屏幕截图中看到的，每个div之间没有间隔，如果我没有背景色，它看起来好像有一些间距，但这更多的是填充而
浏览 1提问于2013-09-12得票数 1
2回答
从电子商务网站中提取Web元素？
、、、、
我在这里通过之前发布的问题来构建它。多亏了这点。1.)第一个问题，为什么没有注册的浏览器不能访问网站？他们认出我的用户代理了吗？
2.)其次，我被写了一个自动登录的代码。站点包含大量的Javascripts，这是一个响应式站点。当我们单击某些html元素时，它们就会出现。在自动登录时，我的代码不会检测到页
浏览 1提问于2020-05-27得票数 0
身体有边缘:0
我期望利润率最高:100 p只影响p标签。///////////////////////////
浏览 0提问于2019-06-24得票数 2
回答已采纳
2回答
考虑以下HTML：.top {}
margin: 50px; background-color: #eee;<div class="top"></div>
<div class="content">Main content&l
浏览 0提问于2014-01-16得票数 5
1回答
我有一系列堆叠的<div>标签。它们都应该是相同的大小--窗口的一半；然而，只有系列中的第一个是正确的大小。z-index: 6;#no {} z-index: 4;#peace {}
<p&
浏览 3提问于2015-04-16得票数 1
回答已采纳
我有一个这样的建筑：<p>(text from CSS)</p>它有五次(五个标题和五个DIVs)在CSS中，我定义了:在类“展开”和“折叠”之后(展开和折叠内容属性，因为当我单击段落时，当我再次
浏览 3提问于2016-02-03得票数 0
为什么网格行<p>与网格行<div>不同？抱歉，如果是明显的事情，但对我来说没有任何意义XD.container { grid-auto-rows: 20px;}
display: block; background-color: lightgreen;<divclass=
浏览 0提问于2019-04-27得票数 0
回答已采纳
我的网站上有一个页面，上面有很多手风琴。我的手风琴也有一个图像，让用户知道他们可以展开/折叠它。<div class="panel-body"> </div> </<
浏览 2提问于2014-09-16得票数 0
回答已采纳
如何定位div，以便在加载某些内容时扩展我的页面。在下面的图片中，我使用的div干扰了页面设计。#middlePanel { float:left;}
{ height:300px; border:#FFF 1px
浏览 2提问于2014-03-23得票数 0
回答已采纳
2回答
浏览器: Chrome此示例是从应用程序中提取的。所以多层的div可能对你没有多大意义。我只是提取了复制问题所需的最小部分。
</<e
浏览 0提问于2017-12-15得票数 1
回答已采纳
3回答
我有以下代码来动画显示/隐藏div。headerClosed, .headerOpen").live("click", function(){}<div class="details"> <p
浏览 0提问于2009-05-26得票数 6
回答已采纳
3回答
为了使我的网站更具响应性，我正在尝试学习如何流畅地定义元素。今天我遇到了一个情况，我终于解决了，但我不明白为什么修复工作，我想。我在Ethan Marcotte的Responsive Web Design一书中写道：“在元素上设置灵活的填充时，上下文就是元素本身的宽度。”我给div的宽度是20%。我给每个div添加了一个10.58201058201058%的<em
浏览 45提问于2011-07-18得票数 4
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
