love
V2EX  ›  CSS

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

  •  1
     
  •   love · Nov 30, 2015 · 3459 views
    This topic created in 3836 days ago, the information mentioned may be changed or developed.
    http://jsfiddle.net/3r2shxpr/

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

    display: 'table';
    width: 100%;
    love
        2
    love  
    OP
       Nov 30, 2015
    这是注释掉了行,懒得打 /***/
    learnshare
        3
    learnshare  
       Nov 30, 2015
    给宽度和高度了么?

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

    写 css in js 习惯了,在 css 的 100%上加上引号,尼玛
    lohiecan
        12
    lohiecan  
       Feb 1, 2018
    jsrun
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   5849 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 51ms · UTC 01:44 · PVG 09:44 · LAX 18:44 · JFK 21:44
    ♥ Do have faith in what you're doing.