收藏本站腾讯微博新浪微博

经典论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

蓝色理想 最新研发动态 网站开通淘帖功能 - 蓝色理想插件 论坛内容导读一页看论坛 - 给官方提建议

论坛活动及任务 地图和邮件任务 请多用悬赏提问 热夏来袭,选一款蓝色理想的个性T恤吧!

手机上论坛,使用APP获得更好体验 急需前端攻城狮,获得内部推荐机会 论坛开通淘帖功能,收藏终于可以分类了!

搜索
查看: 4223|回复: 8

[求助] 模仿百度贴吧的左右两列,失败了,求助

[复制链接]
发表于 2011-12-12 09:25:41 | 显示全部楼层 |阅读模式
从百度贴吧的css中间分离出来的,但是没有成功,不知道是怎么回事,求助
本来计划的是 左右两列,右侧固定宽度,左侧自适应,左在上的那种,网上只找到了右在上的两列


 提示:您可以先修改部分代码再运行

发表于 2011-12-12 10:02:17 | 显示全部楼层
没看你说的百度的例子,从你描述来说,应该是
#right{float:right。width:xxx;}
#left{}
<div #right>
<div #left>
回复 支持 反对

使用道具 举报

发表于 2011-12-12 11:30:21 | 显示全部楼层

 提示:您可以先修改部分代码再运行


[/html]
回复 支持 反对

使用道具 举报

发表于 2011-12-12 11:33:51 | 显示全部楼层
[html]
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style>
/*百度左右分栏样式*/
.post_right1{float:right;width:217px; background:#FF0000}
.post_left1{margin-right:228px; background:#0099CC;}
.post_main{float:left; width:100%; margin-right:-228px;}
/*百度左右分栏样式*/
</style>
</head>

<body>
<div class="post_main">
  <div class="post_left1">此处显示  class "post_left1" 的内容</div>
</div>
  <div class="post_right1">right333</div>
</body>
[html]
回复 支持 反对

使用道具 举报

发表于 2011-12-12 11:34:56 | 显示全部楼层

 提示:您可以先修改部分代码再运行



这次没弄错了吧
回复 支持 反对

使用道具 举报

发表于 2011-12-12 12:53:35 | 显示全部楼层
嗯,楼上的不错。正常。
回复 支持 反对

使用道具 举报

 楼主| 发表于 2011-12-12 18:14:04 | 显示全部楼层
谢谢,学到了,百度能正常显示估计还加了其他东西
回复 支持 反对

使用道具 举报

 楼主| 发表于 2012-2-18 22:43:19 | 显示全部楼层
上次试了之后,一直以为左右是在全局的中间的,结果没成功,后来仔细看了代码,才发现右边的在外面,成功了
回复 支持 反对

使用道具 举报

发表于 2012-2-19 19:21:26 | 显示全部楼层
margin-right:228px;
margin-right:-228px;

这两句各起到什么作用能讲一下不
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|小黑屋|Archiver|手机版|blueidea.com ( 湘ICP备12001430号 )  

GMT+8, 2020-7-4 17:57 , Processed in 0.093515 second(s), 9 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表