Question

div.div1 {
  border: 1px solid red;
  color: red;
  width: 400px;
  height: 100px;
}

div.div2 {
  border: 1px solid black;
  margin: 10px;
}

<div class="div1">
  <div class="div2">Test123</div>
</div>

我有上面的代码，它提供了一个400x100 div，另一个代码。第二个是第一个的顶部，左侧和右侧旁边的10个像素，这很好，但我想延长它，因此它距离底部10个像素...我该如何解决这个问题？

Answer 1

我认为这是你的解决方案。

div.div1 {
 border: 1px solid red;
color: red;
width: 400px;
height: 100px;
padding: 10px;
}

div.div2 {
border: 1px solid black;
height: 100%;
}

<div class="div1">
  <div class="div2">Test123</div>
</div>

Answer 2

你尝试过这样的事吗？子df.columns[5:7] = ['New label', 'New label 2']永远不会跟随它的父级高度，因为它正在为宽度做。因此，如果你想让某些东西与它的父母同等地遥远，那么你有两个选择，要么是下面的代码，要么是修正孩子的身高，然后，使用<div>使它更大。

javascript

div.div1 {
      border: 1px solid red;
      color: red;
      width: 400px;
    }
    
    div.div2 {
      border: 1px solid black;
      margin: 10px;
    }

div里面的CSS div扩展到底部

2 个答案: