如何通过css控制div在页面显示的大小

html-css012

如何通过css控制div在页面显示的大小,第1张

head里加入

<style>

.要设置大小的class名称/#要设置大小的id名称{width:你要设置的宽度,height:你要设置的高度}

</style>

最佳方式就是采用flex即弹性盒子布局：

<div style="display:flex flex-direction:column width:400px height:400px">

<div style="flex:auto background-color:#faa" onclick="x.style.display='block'">点击显示下面的框</div>

<div id="x" style="flex:auto background-color:#aaf" onclick="this.style.display='none'">点击隐藏自身</div>

</div>