Question

我们有一个简单的父元素，其中有一个子元素。子元素的内容大于父元素的内容，因此我们需要一个滚动条。我们想在底部添加一些填充，但是Firefox（60.0.2）似乎忽略了这一点。这是错误吗？在Chrome中似乎可以正常工作。

#foo{
          width: 200px;
          height: 200px;
        }
        
        #bar{
          box-sizing: border-box;
          width: 100%;
          height: 100%;
          padding-top: 20px;
          padding-bottom: 50px;
          overflow: auto;
          background-color: yellow;
        }

 <div id="foo">
          <div id="bar">
            test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>test<br>
          </div>
        </div>

Answer 1

您可以在父元素内再添加一个div，然后向其中添加class Game extends Actor{ var actsCount:Int = 0 var timer:Option[Cancellable] = None def startTimer(): Unit = { timer = Some(context.system.scheduler.scheduleOnce(5 seconds, self, "userMissed")) } def receive = { case "userStart" => startTimer() sender() ! "do move" case "userAct" => println("> user made his move") actsCount += 1 if(timer.isDefined) timer.get.cancel() case "userMissed" => println("> user missed his move") } }。试试这个代码。

CSS

padding-bottom

HTML

#foo {
  width: 200px;
  height: 200px;
}

#bar {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: yellow;
}

.inner {
  padding-top: 20px;
  padding-bottom: 50px;
}

Firefox填充底部框的大小：边框

1 个答案: