V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Can I use?
http://caniuse.com/
Less
http://lesscss.org
Cool Libraries
Bootstrap from Twitter
Jetstrap
love
V2EX  ›  CSS

看这个例子: http://jsfiddle.net/3r2shxpr/ 为什么 table 元素绝对定位会失败?

  •  1
     
  •   love · 2015-11-30 15:19:04 +08:00 · 3039 次点击
    这是一个创建于 3282 天前的主题,其中的信息可能已经有所发展或是发生改变。
    http://jsfiddle.net/3r2shxpr/

    我要 table 满屏,可是为什么这样不行呢?换成别的元素就行。怎样才能让 table 满屏呢?
    12 条回复    2018-02-01 10:00:40 +08:00
    icyflash
        1
    icyflash  
       2015-11-30 15:34:29 +08:00
    xdisplay: 'table';
    xwidth: '100%';
    这是什么鬼。。。

    display: 'table';
    width: 100%;
    love
        2
    love  
    OP
       2015-11-30 15:37:32 +08:00
    这是注释掉了行,懒得打 /***/
    learnshare
        3
    learnshare  
       2015-11-30 15:48:54 +08:00
    给宽度和高度了么?

    “其他元素”就行,其他元素和 table 有什么差异呢
    icyflash
        4
    icyflash  
       2015-11-30 15:53:34 +08:00
    table 的 display 是 table
    你换成其它 display 不就得了
    love
        5
    love  
    OP
       2015-11-30 15:58:36 +08:00
    @learnshare 绝对定位啊,要什么宽度。你把 table 改成 div 就可以满屏了。
    love
        6
    love  
    OP
       2015-11-30 15:59:45 +08:00
    @icyflash 我就是要 table 这个容器,因为有个特殊要求我要用 table 布局,又要把这个 table 满屏显示。
    learnshare
        7
    learnshare  
       2015-11-30 16:03:22 +08:00
    @love table 和 div 默认在宽度上有何差异?
    love
        8
    love  
    OP
       2015-11-30 16:08:58 +08:00
    @learnshare 什么意思? div 默认满行 table 按内容大小,但这不是重点,重点我现在用了绝对定位指定了四个点,为什么 div 能满屏而 table 就不行。
    learnshare
        9
    learnshare  
       2015-11-30 16:19:48 +08:00
    @love 不就是差在宽度上么
    dorentus
        10
    dorentus  
       2015-11-30 16:36:28 +08:00   ❤️ 1
    <table width="100%" ... > ... </table>
    love
        11
    love  
    OP
       2015-11-30 16:46:45 +08:00
    我操,发现问题所在了。

    写 css in js 习惯了,在 css 的 100%上加上引号,尼玛
    lohiecan
        12
    lohiecan  
       2018-02-01 10:00:40 +08:00
    jsrun
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   927 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 22:08 · PVG 06:08 · LAX 14:08 · JFK 17:08
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.