[技术贴]请教 css 问题 <- 中国开发网

CNDEV.ORG

当前在线

论坛

CBD
- 程序员情感CBD
- 程序员见面交流会
CBD开发区
- Java/J2ME
- .NET/C#
- 数据库
- Delphi/BCB
- Visual C
个人
- 袁国术的个人网站
- 翟旭东网!!!
其它
情感
游戏
- CNDEV-CS/WOW
- 浩宇长空
生活
论坛系统

中国开发网: 论坛: 程序员情感CBD: 贴子 529234

holly： [技术贴]请教 css 问题

[阅读: 700] 2007-06-24 04:25:26

有两个 <div>, 其中一个宽度固定, 需要将这两个 div 水平排列, 让另一个填充满余下的空间, 请问这个 css 应该怎么写?

相关信息:

[技术贴]请教 css 问题 (68字) (holly [699] 2007-06-24 12:25)
- 大牛怎么也会写网页？ (19字) (haitao [495] 2007-06-24 13:08)
  - 这年头, 啥都得会一点. (20字) (holly [500] 2007-06-24 13:22)
    - 革命工作不分贵贱 (7字) (haitao [1006] 2007-06-24 13:53)
      - 不对 (21字) (holly [456] 2007-06-24 14:03)
        你说的是丁凯？ (空) (jacky1936 [548] 2007-06-24 14:50)
        丁凯是 who? 不认识的说 (空) (holly [494] 2007-06-24 15:03)
        我忘了 (空) (jacky1936 [529] 2007-06-24 15:53)
        CFIDO时代有个丁凯倒算是个名人，好比高春辉之流，不过都已经被飘打去了 (空) (Fish [540] 2007-06-24 17:15)
        曾经有一段时间 (30字) (jacky1936 [609] 2007-06-24 19:49)
        靠，记错了，是丁磊 (空) (jacky1936 [513] 2007-06-24 22:14)
- 偶们主页的一段代码，供参考。。。 (1030字) (mhappy [611] 2007-06-24 15:25)
  - 改了，请重新看。。。 (空) (mhappy [446] 2007-06-24 15:28)
  - Sorry, 偶只能改 css, 不能动 javascript (空) (holly [474] 2007-06-24 17:28)
- 大哥,该用table就用,不必那么执著. (空) (有狐 [503] 2007-06-24 16:00)
  - div+css,娃哈哈～ (空) (mhappy [502] 2007-06-24 16:01)
  - 不是偶执着, 是偶只能改 css (空) (holly [470] 2007-06-24 17:26)
- 靠，你这不是宽度自动适应浏览器宽度嘛。俺是用 Table 来实现这个要求的。DIV没试过。 (空) (pcplayer [707] 2007-06-24 17:12)
  - 不是偶执着, 是偶只能改 css (空) (holly [0] 今天 17:26 ) (空) (holly [455] 2007-06-24 17:26)
- 我不怎么会CSS，写了这么一段，搞定 (256字) (Miracle [587] 2007-06-24 17:30)
  - bs 没看清要求的 (8字) (holly [445] 2007-06-24 17:31)
    - 哦，哈哈。刚看了一下，其实我的代码工作不正常。看CSS大牛的了 (空) (Miracle [482] 2007-06-24 17:35)
- 哦，理解错了。 (空) (zhong [413] 2007-06-24 18:57)
- 娃哈哈，百度一下，同样的需求。。。搞定 (1032字) (mhappy [622] 2007-06-24 20:22)
  - 既然你百度了,我就不写了 (11字) (JoJo [610] 2007-06-24 20:38)
    - 可惜啊, 你基本得很有问题啊 (13字) (holly [438] 2007-06-24 21:06)
  - 可惜啊, 这个结果还是不对的 (72字) (holly [460] 2007-06-24 21:04)
    - 你确定？ (26字) (mhappy [502] 2007-06-24 21:13)
      - 偶当然早试过了 (49字) (holly [647] 2007-06-24 21:20)
        直接测试第一段完整HTML代码，偶这里正常。 (空) (mhappy [490] 2007-06-24 21:21)
        偶用IE6SP1,活力牛用的其他，哈哈 (空) (mhappy [487] 2007-06-24 21:26)
      - firefox里会叠起来，加个border就看见了 (空) (品雪 [542] 2007-06-24 21:22)
        我在 FireFox 下测试 mhappy 的代码，就是2个并排的色块，并且右边色块宽度自动充满。我调整了浏览器的宽度来测试的。 (空) (pcplayer [637] 2007-06-24 22:02)
        你没仔细看, 其实是黄的充满全部, 红的左边一块且盖在黄的上面 (空) (holly [469] 2007-06-24 22:07)
        原来如彼！再看看。 (空) (pcplayer [427] 2007-06-24 22:26)
- 找了一个用margin解决问题的办法 (1670字) (Miracle [804] 2007-06-25 07:28)
  - 我靠，代码高亮咋这么乱，没没进去看看。发个纯文字版的 (1648字) (Miracle [682] 2007-06-25 08:11)
    - 活力牛，这种方案符合需求否？ (空) (Miracle [487] 2007-06-25 11:22)
      - 不能自己再嵌一层 <div> (空) (holly [549] 2007-06-25 11:25)
        不用啊，我来写一段，你看看咋样 (225字) (Miracle [548] 2007-06-25 11:59)
- 两个div都往一边浮动即可，一个宽度固定，一个宽度自动 (84字) (李战 [872] 2007-06-25 11:00)
  - 在 FireFox 下测试，不行。width: auto 那个增加 Float: Left 后，消失了。 (空) (pcplayer [683] 2007-06-25 11:08)
    - div布局最头痛的也就是浏览器兼容问题，一般可以把第二个div宽度设为某个较大值来代替auto (空) (李战 [686] 2007-06-25 11:20)
      - 较大值就直接把第二个 div 弄到下面去了 (空) (holly [497] 2007-06-25 11:25)
        那就只能在最上层套一个div，指定网页最大宽度，下面两个都用相适应的固定宽度。不过 (108字) (李战 [1412] 2007-06-25 11:35)
  - 可惜, 您又想当然了 (3字) (holly [473] 2007-06-25 11:20)
    - mozilla, opera, safari 都不行 (空) (holly [512] 2007-06-25 11:26)
    - 以前常想追求完美，当然现在已经不想了。 (空) (李战 [459] 2007-06-25 11:38)
- 你解决没有阿,我这个合适么? (595字) (有狐 [948] 2007-06-25 11:29)
  - 如果光测试这段代码的话,IE7,Firefox,Safari似乎都对 (空) (有狐 [486] 2007-06-25 11:35)
  - bs不看偶贴的。。。 (4字) (mhappy [548] 2007-06-25 11:36)
    - 不一样。你的那段代码效果不同。 (空) (pcplayer [372] 2007-06-25 11:37)
    - .....哪个帖子阿?没注意看 (空) (有狐 [492] 2007-06-25 11:37)
  - 成功。 (空) (pcplayer [428] 2007-06-25 11:36)
  - 这个在 mozilla, opera 上都行, 就是 ie 里不行, 右边的 div 宽度成为计算出的宽度 (空) (holly [521] 2007-06-25 11:38)
    - 那只能在css hack (空) (有狐 [434] 2007-06-25 11:39)
      - 不过 ie 对 css 的支持一贯是出了名的有问题的 (空) (holly [416] 2007-06-25 11:41)
        嗯.IE有个自己的Layout,非常怪异 (空) (有狐 [399] 2007-06-25 11:44)
    - 不对阿,我测试IE7 和 FireFox效果一致 (空) (有狐 [412] 2007-06-25 11:41)
      - 靠, ie 真变态. xhtml 就一样. 去掉 xhtml 的头和 attr 就不对 (空) (holly [428] 2007-06-25 11:47)
        是的,DOCTYPE有无差别很大,没有DOCTYPE是"怪异"模式 (空) (有狐 [482] 2007-06-25 11:49)
        也许你该用CSS Hack,在DOCTYPE前空一行,这样IE是怪异模式,FF和其他浏览器会正常按照DOCTYPE解释 (空) (有狐 [806] 2007-06-25 11:50)
        刚测试的结果是IE7好像和IE6不同了,DOCTYPE前是否空行效果一样 (空) (有狐 [674] 2007-06-25 11:53)
        貌似如果是 xhtml ie7 会相对规范一些, 非 xhtml 就照自己的来了 (空) (holly [442] 2007-06-25 11:53)
        有时间你就好好看看这里的内容:http://cssplay.co.uk/layouts/index.html,应该很有帮助 (31字) (有狐 [544] 2007-06-25 11:55)
        Thanks a lot (空) (holly [394] 2007-06-25 11:57)
  - position:absolute;有时候不太好 (空) (咔波碧宝 [641] 2007-06-25 11:38)
    - 如果绝对，都要绝对。绝对布局最简单，可以精确计算，但常常会被内容撑爆。 (空) (李战 [463] 2007-06-25 11:43)
      - 结论：浏览器布局基本不可控。所以，能避则避。 (空) (pcplayer [428] 2007-06-25 11:47)
  - 也许你的页面又不一定适合position:absolute..... (空) (有狐 [458] 2007-06-25 11:39)
    - 呵呵, 没关系. 只要局限在 css 范围内都行 (空) (holly [403] 2007-06-25 11:40)
      - 如果内嵌的肯定出问题 (空) (咔波碧宝 [424] 2007-06-25 11:42)
- 这个不难吧float:left就可以了吧 (空) (咔波碧宝 [458] 2007-06-25 11:37)

欢迎光临本社区，您还没有登录，不能发贴子。请在这里登录

页面内容处理时间: 0.185 - 587880