网站技术div 自适应高度 自动填充剩余高度方案1: Html: 1 2 3 4 头部DIV 下部DIV CSS: 1 2 3 4 5 html, body { height: 100%; padding: 0; margin: 0; } .outer { height: 100%; padding: 100px 0 0; box-sizing: border-box ; position: rela作者王明昌发布时间2017-10-28最后更新2017-11-17文章目录方案1:方案2:方案1: Html: 1234<divclass="outer"> <divclass="A"> 头部DIV div> <divclass="B">下部DIV div>div> CSS: 12345html,body { height: 100%; padding: 0; margin: 0; }.outer { height: 100%; padding: 100px00; box-sizing: border-box ; position: relative; }//三栏padding: 100px0 100px0;.A { height: 100px; background: #BBE8F2; position: absolute; top: 0; left: 0; width: 100%; }.B { height: 100%; background: #D9C666; } 方案2: HTML: 1234<divclass="outer"> <divclass="A">头部DIVdiv> <divclass="B">下部DIVdiv>div> CSS: 12345html,body { height: 100%; padding: 0; margin: 0; }.outer { height: 100%; padding: 100px00; box-sizing: border-box ; }.A { height: 100px; margin: -100px00; background: #BBE8F2; }.B { height: 100%; background: #D9C666; } 效果:
2017-10-01阿里云|Linux搭建宝塔服务器管理面板由于要更换系统,今天演示下如何用阿里云的Linux系统搭建服务器面板,今天使用的面板是宝塔系统 1.选择镜像市场 2.在管理与监控中找到,宝塔系统,注意系统和版本号 3.设置登录名和密码(一定要记住,
2017-11-18简单的用table做简历表简单的做了上面的简历表 table标签挺简单的,主要要注意以下几个问题 colspan:列合并例:colspan="6" 合并6列 rowspan:行合并 合并后会自动居中 合并后要删除相对应的行列,
2017-12-10转载 | SEO教程_SEO知识树一:关于学习与实践SEO ----关于如何学习SEO,不积硅步无以至千里 ----怎么学习SEO优化?从熟悉到习惯 ----SEO技能提升学习资料 ----新手如何开始实践SEO ----互联网+意味
2017-11-18二级目录下建站,如何设置伪静态?近期,遇到这个问题,通过学习,找到了完美的解决方案,下面进入教程 1.我用的是WordPress搭建的程序,先设置固定连接 选择第一种朴素类型的,不会出现404,我比较喜欢HTML结尾,我选择了自定义
2016-08-13HTML字体颜色代码表HTML字体颜色代码表 #000000 #2F0000 #600030 #460046 #28004D #272727 #4D0000 #820041 #5E005E #3A006F #3C3C3C