2015年7月1日
多列布局之等分布局
摘要： 在实际网页布局中，我们可能会需要设置等分布局。 1 2 3 4 可以采用以下办法：方案1：float .parent{ margin-left:-20px; //给父元素增加宽度} .column{ float:lef... 阅读全文
posted @ 2015-07-01 23:29 3408GoGoGo 阅读(426) 评论(0) 推荐(0) 编辑
布局之不定宽与自适应
摘要： 不定宽：指可设置任意宽度，或宽度有内容决定。自适应：无论其他元素怎么变，它都不用改。命题：设置不定宽与自适应 left right right 方案1：float+overflow.left{ float:le... 阅读全文
posted @ 2015-07-01 22:34 3408GoGoGo 阅读(298) 评论(0) 推荐(0) 编辑
多列布局之一列、多列定宽及一列自适应布局
摘要： 命题： left right right 问题一：一列定宽及一列自适应 方案1：.left{ float:left; width:100 px;}.right{ margin-left : 120... 阅读全文
posted @ 2015-07-01 22:17 3408GoGoGo 阅读(210) 评论(0) 推荐(0) 编辑
居中布局之水平垂直布局
摘要： 命题：如下不定宽高的父元素与子元素 问题一：使子元素水平居中 方案1： 优点：浏览器兼容性好 缺点：子元素会继承文本居中特性，故如不希望子元素中文本居中，可对子元素设置{text-align:left;} 方案2： 优点：只需要对child进行设置 缺点：不兼容ie6.7。可对结构进行改造，改成ta 阅读全文
posted @ 2015-07-01 21:23 3408GoGoGo 阅读(197) 评论(0) 推荐(0) 编辑