好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

常见的几种布局总结_html/css_WEB-ITnose

目录

一列定宽,一列自适应屏幕宽 方法二:position+margin 方法三:float+负margin 左右两栏宽度固定,中间宽度自适应 左右两栏宽度自适应,中间宽度固定 方法一 中间定宽,借助负margin值

本文主要介绍网页中常用的三栏布局的实现方法。

本文主要参考了下面的文章:

我熟知的三种三栏网页宽度自适应布局方法 -张鑫旭

两栏布局,三栏布局,等高布局,流式布局 -小七

CSS布局——左定宽度右自适应宽度并且等高布局 -w3cplus

八种创建等高列布局

两栏布局

一列定宽,一列自适应屏幕宽

要实现的目标是: 左侧固定宽,右侧自适应屏幕宽。

方法一:float+margin

思路:左边浮动,右边加上一个margin-left值,即可实现左边固定,右边自适应布局。

HTML和CSS如下:

两栏布局方法一 html css

查看更多关于常见的几种布局总结_html/css_WEB-ITnose的详细内容...

  阅读:41次