position: absolute; left: 0; right: 0; top: 0; bottom: 0;

原创 阿波罗D波 随笔 学习收获 136阅读 2018-05-29 15:44:35 举报

一、 实现占满父级元素

demo:
top和bottom同时为0,表示的是该子元素占满父元素的高度,left和right同时为0,表示的是该子元素占满父元素的宽度。

二、实现水平垂直居中

第一种情况:居中的元素有宽高
demo:
第二种情况: 居中的元素没有宽高
demo:

三、实现一个fixed底部的footer区域

demo:
这种用法还没有在实践中用过,尚待验证...
评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复