具有边界半径的子容器不采用父高度
边界半径是指在CSS中，我们可以为元素的边框添加圆角效果，使其看起来更加圆润。而子容器是指在HTML中，我们可以在父容器内创建子元素，子元素可以有自己的样式和内容。
当子容器具有边界半径时，它的高度不会继承父容器的高度。这意味着即使父容器设置了一定的高度，子容器也不会自动适应父容器的高度。相反，子容器的高度将根据其内容的大小来确定。
这种情况下，子容器的高度将取决于内部元素的高度以及任何添加到子容器的外部边距或填充。如果子容器没有内容或没有设置高度，那么子容器的高度将为0。
这种情况下的子容器适用于一些需要有固定高度的情况，比如制作圆角边框的按钮或卡片等。通过设置子容器的高度，可以控制这些元素的外观，并确保它们具有一致的形状。
推荐的腾讯云相关产品和产品介绍链接地址：
- 腾讯云CSS：https://cloud.tencent.com/product/css
- 腾讯云前端开发：https://cloud.tencent.com/product/webide
- 腾讯云服务器：https://cloud.tencent.com/product/cvm
- 腾讯云云原生应用：https://cloud.tencent.com/product/scf
- 腾讯云数据库：https://cloud.tencent.com/product/cdb
- 腾讯云人工智能：https://cloud.tencent.com/product/ai
- 腾讯云物联网：https://cloud.tencent.com/product/iot
- 腾讯云移动开发：https://cloud.tencent.com/product/mce
- 腾讯云对象存储：https://cloud.tencent.com/product/cos
- 腾讯云区块链：https://cloud.tencent.com/product/baas
- 腾讯云虚拟专用网络：https://cloud.tencent.com/product/vpc
- 腾讯云安全加密服务：https://cloud.tencent.com/product/hsm
相关·内容
1回答
我有一个fiddle，它试图将一个绝对定位的圆放在父对象的中心。不知何故，我必须在子容器中给出额外的像素填充，以覆盖父容器的高度。 有没有办法避免这个额外的像素。padding: ($padding + 1); /*need to avoid this addition of 1 pixel*/ 任何其他建议都是非常欢迎的！
浏览 8提问于2019-03-21得票数 3
回答已采纳
我有一个容器，里面有一个子元素。容器的边界半径为0.3rem。我的子元素也有一个边框。我希望我的孩子的边界在与父母相同的半径处变圆，但我似乎无法做到这一点。我的第一种方法是使子元素与父元素的0.3rem半径匹配，但由于某些原因(即使两个元素上计算的字体大小相
浏览 0提问于2019-08-16得票数 0
3回答
在带有display:flex的父div中有三个div。 <div style="height:30%;background:blue"></div>
<div style=&q
浏览 2提问于2021-04-16得票数 2
1回答
我无法更改我的卡的边框半径。升降也不起作用。我是个新手。我需要改变什么？是因为它在ListView中吗？我很困惑。如果你需要信息，尽管问。抱歉，它想让我写更多...代码太多了？
浏览 12提问于2021-04-26得票数 0
回答已采纳
1回答
父容器具有边界半径，我也想将其应用于其子容器。相反，我明白了如您所见，子容器的角位于边框的上方。我怎么能把孩子的角藏起来？
浏览 3提问于2022-03-27得票数 1
回答已采纳
div.style.paddingRight = "5px"; return div; 新的div可以很好地显示和操作点击，但父div并没有相应地增加其高度。新的div只是“浮动”在它上面。
这里我漏掉了什么？任何建议都将受到欢迎。
浏览 0提问于2012-03-03得票数 0
回答已采纳
我在容器中放入了lost.Container -radius，但是每当我在容器内对齐3个div时，边界半径就会被分成3部分，但它占用了容器上的整个高度，我给出的边界半径在子元素下丢失了。实际上，我想让孩子在左边和右边，得到上下的半径。
浏览 0提问于2019-08-27得票数 0
我有一个带有子菜单的导航菜单的常见无序列表...<ul> <li> <ul>
<li><a href="#">Sublink 1<
浏览 1提问于2011-10-29得票数 1
回答已采纳
这是我不久前在上提出的一个扩展。然而，这一次的问题更加具体，更接近我正在努力解决的实际情况。如果在另一个元素中有一个元素，并且父元素和子元素都具有边框半径，并且父元素的背景与子元素的背景不同，那么在子元素的圆角附近就可以看到它。如果父元素上有overflow: hidden属性，问题就会加剧。然后，涉及使子元素的</em
浏览 1提问于2016-02-19得票数 7
我的孩子是一个具有动态高度的LinearLayout，它可以在运行时改变，可以包括图像，并由不同数量的子视图(也可能有子视图)组成。
此子LinearLayout位于CardView内。现在我希望这个卡片视图是可折叠的。换句话说，当折叠时，它需要有一个较小的高度(比如150dp)。在这种模式下，卡片应该只显示子LinearLayout内容的顶部150dp(减去填充
浏览 1提问于2018-01-30得票数 6
我尝试使用d3.pack()为所有子节点设置相同的半径。根据我的经验，问题是d3 pack根据子节点计数或其他值生成半径。 "value": 1 ] ]在json数据中有所有4个级别，并且每个级别节点具有不同的子节点计数如果每个级别的子
浏览 5提问于2020-11-28得票数 1
我有一个类星体布局，一个组件，我需要填充100%的高度的q-page-container元素。问题是，容器没有完全展开以覆盖整个高度(与抽屉不同，抽屉采用绝对定位)。为了解决这个问题，我看到的所有CSS技巧都会干扰父容器的属性，我不愿意这样做，以确保不破坏内部类星体布局所需的任何属性。将容器的子div设置为height: 100
浏览 3提问于2019-07-23得票数 8
回答已采纳
我有一个父容器，它封装了许多子容器。子容器的高度取决于它们所容纳的文本量。我希望子容器确定父容器的高度。因此，如果子容器的高度为40px，则父容器的高度应为80px。如果子容器的高度为1
浏览 3提问于2013-03-16得票数 0
回答已采纳
是否可以垂直排列子对象，使父对象的大小与其子对象的大小相同？ 更具体地说，这是我想要做的： 让图标和文本垂直对齐，在它们之间留出较小的空间，并在固定高度的矩形内居中。我希望垂直容器的文本和图标的大小是根据它的孩子。类似于FlatButton.icon，只是垂直而不是水平。对于内部垂直容器，我找到的只有Column和ListView，这两个元素都采用</em
浏览 24提问于2019-10-04得票数 0
回答已采纳
2回答
我尝试在父div中设置3个div，父div将在子div的最大高度之后调整大小，但我也希望其他2个子div的高度与最大的相同。parent"> <div class="child"></div>
<div class="child&qu
浏览 2提问于2012-08-04得票数 0
我有两个div，父div有圆角，overflow:hidden和一个内联的背景图像，子div是position:absolute，具有背景色和不透明度。在我正常的屏幕尺寸下，子DIV几乎填满了父DIV，但我只能在角落里辨认出父DIV的一条细微的线条。
更大的问题是，当我放大页面时，在某些屏幕尺寸下，子DIV比父DIV小得多，这显然看起来很糟糕。我已经尝试在孩子<e
浏览 0提问于2015-10-11得票数 0
我有一个高度未知的div，该div包含一个具有可滚动内容的子div。我希望带有可滚动内容的div采用父div的高度，这样父div就不会溢出，并且子div的滚动条将完全可见。是否可以使用纯css？
浏览 12提问于2019-03-03得票数 0
1回答
我有一个有固定高度的div标签。假设这个容器的高度是300 in。现在，这个父容器中有多个div。现在这个div的内容是动态的，所以我不知道它将包含多少子元素。如何使父容器垂直包装子容器？也就是说，如果我有3个子容器，并且它的高度之和超过300 on，那么剩下的应该放在下一列
浏览 3提问于2019-11-17得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
云直播
对象存储活动推荐
腾讯云开发者
