前端设计之CSS布局:上中下三栏自适应高度CSS布局_html/css
来源:动视网
责编:小采
时间:2020-11-27 16:10:27
前端设计之CSS布局:上中下三栏自适应高度CSS布局_html/css
前端设计之CSS布局:上中下三栏自适应高度CSS布局_html/css_WEB-ITnose:网页代码: CSS布局:上中下三栏自适应高度CSS布局*{margin:0;padding:0;}body, html { margin: 0; padding:0 !important; padding:90px 0 32px 0; width:100%; height:100%; overflow:hidden;}.header {
导读前端设计之CSS布局:上中下三栏自适应高度CSS布局_html/css_WEB-ITnose:网页代码: CSS布局:上中下三栏自适应高度CSS布局*{margin:0;padding:0;}body, html { margin: 0; padding:0 !important; padding:90px 0 32px 0; width:100%; height:100%; overflow:hidden;}.header {

网页代码:
CSS布局:上中下三栏自适应高度CSS布局
这里是顶部 网页header和footer高度是固定的,中间的content高度自适应浏览器窗口高度代码,随着窗口的大小变动都是满屏的。 这里是底部
效果截图
版权声明:本文为博主原创文章,未经博主允许不得转载。
前端设计之CSS布局:上中下三栏自适应高度CSS布局_html/css
前端设计之CSS布局:上中下三栏自适应高度CSS布局_html/css_WEB-ITnose:网页代码: CSS布局:上中下三栏自适应高度CSS布局*{margin:0;padding:0;}body, html { margin: 0; padding:0 !important; padding:90px 0 32px 0; width:100%; height:100%; overflow:hidden;}.header {