CSS使子兄弟在100%宽度的父级中具有相同的宽度和高度(正方形)

文章/答案/技术大牛

发布

1回答

以CSS为中心的正方形子节点，受其父节点的宽度和高度的限制(如背景大小:包含+中心)

html、css、vertical-alignment

;完全相同。目标： background-color: red;<div id=wrapp

浏览 0提问于2021-08-11得票数 0

回答已采纳

2回答

是否可以仅使用CSS将子项的宽度和高度相等，而不超过它的父项？

javascript、html、css

我的想法是使子对象(@example ".moon")具有相等的高度和宽度值，并且不超过父对象的宽度或高度(@example为".sun")。因此，当父对象的宽度大于其高度时，子对象的宽度和高

浏览 34提问于2020-08-14得票数 1

回答已采纳

2回答

html、css、reactjs、react-native

我有一个宽度为"100%“(不是屏幕宽度)的父视图，我希望每个子视图都具有相同的宽度和高度。我的代码是： <View style={styles.container}> <View style={styles.item} /><View styl

浏览 55提问于2020-09-09得票数 0

回答已采纳

3回答

如何使长方体适合其父级的高度？

css

在纯CSS中有没有办法让一个正方形的div适合它的父级的高度？例如，如果父div的宽度为1000px，但高度为300px，则该子div将自动变为300px x 300px。我发现了许多使用paddingtop从父宽度自动调整其高度和宽度的div示例，但没有使

浏览 2提问于2016-10-30得票数 1

1回答

如何使一个孩子和父母一样高，让它的宽度和它的高度相等？

html、css

假设我想在另一个div中放置一个div，但是子div必须具有与父div相同的高度，并且它的宽度必须等于它的高度。但是，我不能对高度/宽度使用绝对值，因为容器的(父级)维度不是绝对值。本质上类似于这样的东西： |----------------------------------------------

浏览 7提问于2022-03-05得票数 1

回答已采纳

3回答

使子元素(带填充物) 100%宽度和高度为父元素

html、css

是否有可能使子元素(填充)的父元素的宽度和高度达到100%？html： <div id="child"></child>css： padding: 15px} 我已经尝试使孩子100%<e

浏览 8提问于2014-05-23得票数 6

回答已采纳

4回答

反应本机默认宽度

react-native、components、width

这可能是个愚蠢的问题，但我不明白组件宽度是如何工作的。当我这么做时： return ( )我的黄色视图是可见的，采取100“高度”和全宽度。

浏览 0提问于2018-01-18得票数 2

回答已采纳

2回答

以未知为中心

html、css、centering

子div的宽度和高度是未知的。在一个用例中，子div包含一个图像。在另一种情况下，它包含一个视频。子div的宽度和高度必须受限于父级的大小，因此必须限制为max-width: 100%和max-height: 100%。

浏览 5提问于2013-11-18得票数 1

回答已采纳

1回答

我可以让我的div从一个div继承高度和位置，从另一个div继承宽度吗？

html、css、sass、bootstrap-4、styling

现在，我希望这个div具有与主体相同的宽度(占用显示的全部宽度)，但始终具有与其父级(div2)相同的高度和位置。我试过在这个div (div1)上使用“绝对；”这个位置。那我也可以将身体设置为相对位置；并使div1占据100%宽，但现在我很难使其高度始终跟随div2。或将父(div2)设置为相对位置；并<e

浏览 0提问于2020-05-23得票数 0

回答已采纳

1回答

如何使子元素相对于父元素的维度更小？

css

当涉及到CSS单元时：我知道%是相对于父元素的。编辑:我基本上想要保持宽高比。我

浏览 11提问于2019-07-11得票数 0

1回答

如何在宽度和高度上重叠元素，取每个元素的最小值？

html、css

我希望有相互覆盖的元素，使父元素具有包含它们所需的最小高度和宽度。受的启发，我提出了以下解决方案。请看这个相同的。 display: inline-block; float: left;}

浏览 1提问于2022-06-28得票数 0

回答已采纳

3回答

CSS:某一位置的垂直对中:绝对div

jquery、html、css、alignment

我有这样的代码： <div class="child">something</div>父级应为200 be宽度和高度，子级为100 be宽度和高度。父级也设置为positio

浏览 3提问于2012-03-02得票数 3

回答已采纳

2回答

子div显示表-单元格固定宽度不工作

html、css

我试图通过在子容器上使用display: table-cell将子级div扩展到父级的全部高度，但我希望子级宽度保持在容器中，而子级忽略宽度属性，并且始终是100%宽度。我尝试将table-layout: fixed添加到父级，将max-width: <em

浏览 2提问于2015-07-21得票数 3

回答已采纳

2回答

如何使子元素的宽度和高度成为父元素的宽度和高度的最小值

css、sass

如何使子元素的宽度和高度成为父元素的宽度和高度的最小值。这样它就可以变成一个包含在它的动态父元素中的正方形。height: min(parent-height, parent-width); } 我甚至

浏览 0提问于2019-08-31得票数 2

2回答

最大宽度属性如何使图像响应？

css

我有一张像下面这样的图片。<img src="file.jpg" />img { height: auto;有谁能解释一下这个css代码是如何使图像响应的，我的意思是完美地缩放它。我想知道这个css代码背后的工作原理。

浏览 4提问于2014-09-08得票数 2

回答已采纳

1回答

保持SVG的高宽比和调整父级

html、css、svg、layout、aspect-ratio

我在一个容器<svg>(容器<div>内)中并排放置了三个<div>。每个<svg>都应该占据其直接父级宽度的三分之一，和的高度与其宽度相等。这意味着，随着窗口的大小调整，并且<svg>的宽度变得越来越小或更大，它们的高度也会变小，容器<div>的

浏览 3提问于2017-06-14得票数 1

1回答

与宽度相同的Div高度形成一个圆

html、css

我有一个水平矩形div容器(父) 里面还有另一个小的(子)。我想要使较小的(子)看起来像一个圆，高度应该始终与所有分辨率的父div相同。我发现了许多解决方案，显示了如何使1:1比例除以(例如，)，但它们都是基于div的宽度而不是高度。这意味着我需要知道应用解决方案的宽度，但在我的例子中</

浏览 2提问于2015-05-06得票数 0

2回答

为什么不能将子级的宽度和高度设置为与父级相同？

javascript、html、css

父元素为div，其宽度为300 is，高度为40 is，输入子元素。myinput.style.cssText ='width:100%;height:100%;padding:0px;marginheight:40px;} <div id="e1"><input id="

浏览 1提问于2018-12-30得票数 0

回答已采纳

1回答

HTML表中TD元素的溢出属性

javascript、jquery、html、css、dom

我使用HTML表以表格形式显示我的数据。我知道 PS

浏览 1提问于2013-08-03得票数 1

1回答

仅使用CSS设置宽度等高

html、css

我正在尝试设计一个用于移动的wesite，在左上角有一个按钮，它是设置为父对象的100%高度。宽度应该与高度相同，但我只找到了JS或JQuery的解决方案。我喜欢这样的东西： height: 100%;}

浏览 2提问于2016-05-01得票数 1

回答已采纳

点击加载更多

以CSS为中心的正方形子节点，受其父节点的宽度和高度的限制(如背景大小:包含+中心)

是否可以仅使用CSS将子项的宽度和高度相等，而不超过它的父项？