最近跟着老师学习了做一个简单的QQ邮箱的首页界面,每个星期坚持打卡,希望学有所成。
首先是将界面分成2个部分:header,center。center细分为conten和footer(这里是为了防止在网页小化的时候出现footer部分与底部出现间隙),header高度为64px,底部footer高度为36px;然后使用position进行定位。主要是讲中间center部分的设置高度,设置高度使用position:absolute;将top:64px(62高度+2个1px的border边框);bottom:0px;可以设置一个最小高度min-height;在content部分使用position:absolute;top:0px;(相对于center来设置top),bottom:38px;其他的就这样吧
代码:
网友评论