首页 相关文章 CSS布局之浮动(二)

CSS布局之浮动(二)

  在上一个文章里写了关于左(右)侧定宽右(左)侧自动缩放的两列浮动,这个文章就要说一下三列浮动的问题了。在之前说过,两列浮动是其他多列浮动的基础,明白了两列浮动的原理后,三列或三列以上的多列浮动也变得简单。

  左侧中间定宽,右侧自适应:

  因边左侧跟中间都是定宽的,只有右侧是自适应宽度的,所以这个三列浮动是和两列浮动中的左侧定宽右侧自适应一样的道理,HTML结构代码如下:

!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”
html xmlns=”http://www.w3.org/1999/xhtml”
head
meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ /
titleCSS浮动/title
/head

body
div id=”a”我是左边/div
div id=”b”我是中间/div
div id=...[ 查看全文 ]

2016-02-19 标签:

CSS布局之浮动(二)的相关文章

手机页面
收藏网站 回到头部