css - 如何固定子div标签的宽度

Question

我有两个 div 标签 parent 和 child。 child 标签的位置固定，宽度为 100%。父级有 10px 的填充，如本 jsfiddle 所示代码。问题是，当我给子标签设置 100% 的宽度时，它的右侧会移出父 div 标签。我知道那是因为它有填充。解决此问题的一种方法是为子标签提供 90% 的宽度。 但是有没有比这更好的方法让子标签正好出现在父标签内？

更新

我想保持位置:为子标签固定

.parent {
    height: 300px;
    padding: 10px;
    border: 1px solid red;
}

.child {
    position: fixed;
    height: 100px; width: 100%;
    border: 1px solid black; 
}

Answer 1

jsfiddle.net/q4ffs/3/ DEMO

如果您对 jQuery 的使用感到满意，那么这应该可以解决您的问题。 CSS 仍然有一些局限性，但这行 javascript 可能会很好地为您服务。

  $(function (){
      $('.child').each(function (){
          $(this).css('width', $(this).parent('div').width());
      })
  });

谢谢