垂直布局：
默认情况下，块元素的高度是被内容撑开，如果是自定义高度大于内容区，听自定义的
如果父元素高度设置，小于内容区，则会溢出，像这样：
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> 
如果有其他不同方式，欢迎评论讨论。
486
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
