最初放入引导容器中的没有预定义宽度的固定元素不会从父

时间:2016-05-11 06:22:33

标签: javascript html css twitter-bootstrap

我正在使用粘性功能,使元素在滚动时保持在顶部。它是一个div内部自举液体容器 唉,一旦它变得固定,就会得到儿童定义的宽度(标签和文字输入)。

width: inherit无效。

如果元素是静态的,那么使width<?php $expectedDay = "6"; $expectedMonth = "6"; $expectedYear = "2015"; $returnDay = "9"; $returnMonth = "6"; $returnYear = "2015"; $returnDate = new DateTime($returnDay.'-'.$returnMonth.'-'.$returnYear); $expectedDate = new DateTime($expectedDay.'-'.$expectedMonth.'-'.$expectedYear); if ($returnDate <= $expectedDate) { echo "Fine = 0"; }elseif ($expectedDay < $returnDay && $expectedMonth == $returnMonth && $expectedYear == $returnYear) { $fine = 15 * ($returnDay-$expectedDay); echo "Fine = ".$fine; }elseif ($expectedMonth < $returnMonth && $expectedYear == $returnYear) { $fine = 500 * ($returnMonth-$expectedMonth); echo "Fine = ".$fine; }else{ echo "Fine = 1000"; } ?> 相同所需的魔力。

2 个答案:

答案 0 :(得分:2)

固定元素相对于body定位,因此设置inherit不会执行任何操作,除非width上有body。使其相对于另一个元素的唯一方法是使用js

答案 1 :(得分:1)

根据您的评论,您可以这样做:

&#13;
&#13;
body {
  margin: 10px;
  height: 1000px;
}

.fixed {
  position: fixed;
  height: 30px;
  background-color: red;
  right: 10px;
  left: 10px;
}
&#13;
<body>
  <div class="fixed"></div>
</body>
&#13;
&#13;
&#13;

基本上,您只需将leftright值设置为与左侧和右侧的身体边距相同的值。