免费注册	查看新帖 \|


平台论坛博客文库

› 论坛 › 程序设计 › Web开发 › CSS两列布局，左边自适应，右边固定

最近访问板块

发新帖

查看: 2812 | 回复: 2

上一主题

下一主题

CSS两列布局，左边自适应，右边固定 [复制链接]

论坛徽章:: 0

电梯直达

跳转到指定楼层

1楼 [收藏(0)] [报告]

发表于 2012-02-24 22:43 |只看该作者 |倒序浏览

CSS两列布局，左边自适应，右边固定

废话不多说，直接上代码，大家自己看一下：

<!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 content="text/html; charset=utf-8" http-equiv="Content-Type" /><title>Layout</title><style type="text/css">*{ margin:0;padding:0}.wrap{ overflow:auto; _display:inline-block; padding: 10px; overflow: hidden;}.right{ width: 200px; padding: 10px; background-color: #F4F4F4; border: 1px solid #CECECE; float: right;}.left{ padding: 10px; background-color: #F4F4F4; border: 1px solid #CECECE; margin-right: 230px;}</style></head><body> <div class="wrap"> <div class="right"> I'm 200px width. </div> <div class="left"> I'm auto witdh. </div> </div></body></html>
复制代码

复制代码

有图有真相：

http://www.wyjexplorer.cn/Blog/View/B580E52EE1951D8D.html

文库|博客

论坛徽章:: 0

2楼 [报告]

发表于 2012-02-24 22:43 |只看该作者

谢谢分享

实战分享：从技术角度谈机器学习入门| 【大话IT】RadonDB低门槛向MySQL集群下战书 | ChinaUnix打赏功能已上线！ | 新一代分布式关系型数据库RadonDB知多少？

论坛徽章:: 0

3楼 [报告]

发表于 2012-07-10 23:11 |只看该作者

不用float 有办法实现两栏布局吗？能兼容ie6的

实战分享：从技术角度谈机器学习入门| 【大话IT】RadonDB低门槛向MySQL集群下战书 | ChinaUnix打赏功能已上线！ | 新一代分布式关系型数据库RadonDB知多少？

发新帖

Chinaunix › 论坛 › 程序设计 › Web开发 › CSS两列布局，左边自适应，右边固定

北京盛拓优讯信息技术有限公司. 版权所有京ICP备16024965号-6 北京市公安局海淀分局网监中心备案编号：11010802020122 niuxiaotong@pcpop.com 17352615567
未成年举报专区
中国互联网协会会员联系我们：huangweiwei@itpub.net
感谢所有关心和支持过ChinaUnix的朋友们转载本站内容请注明原作者名及出处

清除 Cookies - ChinaUnix - Archiver - WAP - TOP