代码改变世界

随笔档案-2012年5月4日

自适应两栏布局的最简实现

2012-05-04 20:50 by AndrewCja, 2488 阅读, 收藏, 编辑
摘要: 下载本示例代码本实现一栏宽度固定,另一栏宽度随父元素宽度的变化而变化。代码极其简单。Html代码只是两个div:<divclass="col_rigid"></div><divclass="col_flexible"></div>Css代码就两个class:.col_rigid{width:62px;height:62px;}.col_flexible{margin-left:72px;}效果如下图所示: 图 1-1本实现非常简洁,但有些负面问题需要提醒注意。假设我们想实现如下效果: 图 1-2通常我们需要 阅读全文
点击右上角即可分享
微信分享提示