css实现双飞翼布局的多种方式

时间：2023-03-30 23:16:35 CSS

圣杯布局和双飞翼布局效果图从效果图来看，圣杯布局和双飞翼布局的效果是一样的。圣杯布局和双飞翼布局，左右两侧宽度固定，中间自适应宽度，即100%圣杯布局header

main

left

right

footer浮动实现双翼布局header

mainleftrightfootertable-cell实现双飞翼布局（IE8也兼容~）header

left

main

右footer绝对定位实现双翼布局绝对定位有个小问题：父容器的高度只能是由.mainheaderleftmianrightfooter使用flex实现双飞翼布局(具有包容性问题)headerleftmain右页脚

css实现双飞翼布局的多种方式相关文章