垂直布局：
默认情况下，块元素的高度是被内容撑开，如果是自定义高度大于内容区，听自定义的
如果父元素高度设置，小于内容区，则会溢出，像这样：
overflow
属性可以设置溢出的内容，可选值：
hidden
； 裁减掉多余的部分
visible
； 内容正常显示（默认值）
scroll
； 出现双侧滚动条
auto
； 需要出现滚动条时自动出现
例：如上图，设置滚动条
<style>
div{
width: 100px;
height: 100px;
background-color: brown;
overflow: scroll;
}
</style>
<div>
六许报珍就者整的愚国本谭密锐是马陈，的其老亲了为到，招人国留相在土者彷子宋密到，即读是情送案陛临劫活国，主死读孔国，老都韩有修，自己法足血同耐朗亓己出尤，不而皇俭洪为火陀杨的战是训药关宫者乐才，水看非在明有杀，我可作助活系韩谷只会陛逃，你定要，舟力是为何。
</div>
如果不想要滚动条也可以设置隐藏它，依然可以保留滚动作用：
-webkit-scrollbar
属性，设置可选值
display：none
就可以了
例：
<style>
div {
width: 100px;
height: 100px;
background-color: brown;
overflow: scroll;
}
div::-webkit-scrollbar {
display: none;
}
</style>
<body>
<div>
六许报珍就者整的愚国本谭密锐是马陈，的其老亲了为到，招人国留相在土者彷子宋密到，即读是情送案陛临劫活国，主死读孔国，老都韩有修，自己法足血同耐朗亓己出尤，不而皇俭洪为火陀杨的战是训药关宫者乐才，水看非在明有杀，我可作助活系韩谷只会陛逃，你定要，舟力是为何。
</div>
如果有其他不同方式，欢迎评论讨论。
版权声明：本文为m0_72959685原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。