内容少时,如何设置div高度100%?原创|浏览:95882|更新:2019-12-30 10:24|标签:CSS HTML 1234567分步阅读 在做页面开发时,我们有时需要设置div的高度为浏览器窗口的高度,即要设置高度100%,当内容少时,div默认的高度就是内容的高度,这时如何设置其为浏览器高度?下面来看一下。方法/步骤1我们先在html里创建一个div。1本页面未经授权抓取自百度经验2我们为div创建了100%的高度也是没用的。3运行页面时,div的高度还是内容的高度。4要设置不受内容限制,自适应100%的窗口高度,我们需要先给html添加一个100%的高度样式。5还需要为body添加一个100%的高度样式。6所要设置的div当然也需要一个100%的高度样式,最好再加上一个min-height:100%的样式。7运行页面后,可看到div的高度会自适应窗口的高度的。END经验内容仅供参考,如果您需解决具体问题(尤其法律、医学等领域),建议您详细咨询相关领域专业人士。作者声明:本篇经验系本人依照真实经历原创,未经许可,谢绝转载。展开阅读全部