css双飞翼布局

效果图

css双飞翼布局_第1张图片
双飞翼布局的实现
left、center、right三种都设置左浮动
设置center宽度为100%
设置负边距,left设置负边距为100%,right设置负边距为自身宽度
设置content的margin值为左右两个侧栏留出空间,margin值大小为left和right宽度

代码图
css双飞翼布局_第2张图片
代码图
css双飞翼布局_第3张图片

你可能感兴趣的:(css,html5)