目录
一列定宽,一列自适应屏幕宽 方法二:position+margin 方法三:float+负margin 左右两栏宽度固定,中间宽度自适应 左右两栏宽度自适应,中间宽度固定 方法一 中间定宽,借助负margin值
本文主要介绍网页中常用的三栏布局的实现方法。
本文主要参考了下面的文章:
我熟知的三种三栏网页宽度自适应布局方法 -张鑫旭
两栏布局,三栏布局,等高布局,流式布局 -小七
CSS布局——左定宽度右自适应宽度并且等高布局 -w3cplus
八种创建等高列布局两栏布局
一列定宽,一列自适应屏幕宽
要实现的目标是: 左侧固定宽,右侧自适应屏幕宽。
方法一:float+margin思路:左边浮动,右边加上一个margin-left值,即可实现左边固定,右边自适应布局。
HTML和CSS如下:
两栏布局方法一 html css
查看更多关于常见的几种布局总结_html/css_WEB-ITnose的详细内容...
声明:本文来自网络,不代表【好得很程序员自学网】立场,转载请注明出处:http://www.haodehen.cn/did114559