首页 > html > bottom > CSS Layout - 如何将div附加到浏览器底部

CSS Layout - 如何将div附加到浏览器底部

bottom 【bottom】
我们想知道如何将div附加到浏览器底部。
代码展示 运行结果 

<!DOCTYPE html>
<html>
<head>
<style type='text/css'>
#textBoxContainer {
  height: 30%;
  position: fixed;
  z-index: 99;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #999;
  border: 4px solid #000;
}
</style>
</head>
<body>
  <div id="textBoxContainer"></div>
</body>
</html>