Html 如何使子div与父div的大小相同

我正在尝试创建页面的占位符视图，直到加载实际页面

我希望此

div

元素的大小与其父元素的大小相同

<div class="col-md-1 col-sm-1 col-xs-1 col-md-push-3 col-sm-push-3 col-xs-push-3 property-masker-sub-four-one"></div>

---

看看这个代码笔

用于获取其父div大小的div元素

<div id="wrapper" class="col-sm-5">
<div class="row row-eq-height">

 <div class="col-sm-2"><i class="fa fa-pied-piper fa-4x" aria-hidden="true"></i></div>

<div class="col-sm-10">
  <h1>Pied Piper</h1>Pied Piper takes all your files and makes them smaller for when you need a “little help”! It’s built on a universal compression engine that stacks on any file, data, video or image no matter what size.
  <p></p>
 </div>

</div>
</div>

Pied Pipper Pied Pipper会在您需要“小帮助”时将您的所有文件缩小！它建立在一个通用的压缩引擎上，可以堆叠任何文件、数据、视频或图像，无论大小。

---

看看这个代码笔

用于获取其父div大小的div元素

<div id="wrapper" class="col-sm-5">
<div class="row row-eq-height">

 <div class="col-sm-2"><i class="fa fa-pied-piper fa-4x" aria-hidden="true"></i></div>

<div class="col-sm-10">
  <h1>Pied Piper</h1>Pied Piper takes all your files and makes them smaller for when you need a “little help”! It’s built on a universal compression engine that stacks on any file, data, video or image no matter what size.
  <p></p>
 </div>

</div>
</div>

Pied Pipper Pied Pipper会在您需要“小帮助”时将您的所有文件缩小！它建立在一个通用的压缩引擎上，可以堆叠任何文件、数据、视频或图像，无论大小。

---

我想这就是你想要实现的目标

向属性掩码4添加两个子元素（注意，我删除了所有引导类，因为我们需要自定义大小和位置）

---

我想这就是你想要达到的目标

向属性掩码4添加两个子元素（注意，我删除了所有引导类，因为我们需要自定义大小和位置）

---

是小提琴

我很确定我不太明白你想用它来实现什么，但是如果你想让一个元素与它的父元素大小完全相同，你可以将

位置：相对的
添加到父元素，将
位置：绝对的
添加到子元素，同时使用
顶部的
，
左侧的
，
bottom
和
right
属性设置为零。是的，我试过了。我给它添加了一个
left
和
width
属性，然后将
位置：relative
添加到parent，将
位置：absolute
添加到child，并将其精确放置在我想要的位置，但在移动设备上无法工作。它没有反应，为什么不呢？您可以使用%值使其响应。假设你的元素是20px大。第一个有
左：33.3%
，第二个有
左：66.6%
。然后你给两个元素留一个
左边距：-10px
，使它们居中我很确定我不太明白你想用这个来实现什么，但是如果你想让一个元素与其父元素的大小完全相同，您可以将
position:relative
添加到父元素，将
position:absolute
添加到子元素，并将
top
、
left
、
bottom
和
right
属性设置为零。是的，我尝试了。我给它添加了一个
left
和
width
属性，然后将
位置：relative
添加到parent，将
位置：absolute
添加到child，并将其精确放置在我想要的位置，但在移动设备上无法工作。它没有反应，为什么不呢？您可以使用%值使其响应。假设你的元素是20px大。第一个有
左：33.3%
，第二个有
左：66.6%
。然后给两个元素留出一个
左边距：-10px
，使它们居中。是的，我试过了。它起作用了。非常感谢你，我试过了。它起作用了。多谢各位
.property-masker-four {
    position: relative;
    padding: 17px 0;
}

.property-masker-sub-four-one, .property-masker-sub-four-two {
    background-color: white;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 20px;
    margin-left: -10px;
}
.property-masker-sub-four-one{
    left: 33.33%;
}
.property-masker-sub-four-two{
    left: 66.66%;
}