改变继承的高度

时间:2016-11-16 15:50:53

标签: css

我有类似的东西:

 open("http://www.ruby-lang.org/en/",
   "User-Agent" => "Ruby/#{RUBY_VERSION}",
   "From" => "foo@bar.invalid",
   "Referer" => "http://www.ruby-lang.org/") {|f|
   # ...
 }

我需要按像素更改继承的高度 - > 像这样的东西

.parent {
  height: 400px
}

.child {
  height: inherit;
}

所以.child { height: inherit - 10px } 在我们的案例中将是child height。 问题是继承的高度是一个对象。

有什么办法吗?

2 个答案:

答案 0 :(得分:5)

您可以使用calc执行此操作:

.child {
  height: calc(100% - 10px);
}

答案 1 :(得分:0)

虽然你可以使用calc,但人们在计算之前很久就会做这样的事情:



.parent {
  border: 1px solid red; 
  height: 100px; 
  width: 100px;
  position: relative; 
}

.child {
  border: 1px solid blue; 
  position: absolute; 
  bottom: 10px; 
  top: 0; 
  left: 0; 
  right: 0;
}

<div class="parent">
  <div class="child"></div>
</div>
&#13;
&#13;
&#13;