代码之家  ›  专栏  ›  技术社区  ›  SilverLight

表的相对和绝对定位

  •  1
  • SilverLight  · 技术社区  · 14 年前

    我正在寻找一种方法,使一张桌子与另一张桌子重叠,但有一个条件。

    我测试绝对定位(z索引和顶部和左侧),但当您更改浏览器的大小或更改屏幕分辨率时,绝对定位表会将我最喜欢的位置丢失到其他静态表中。

    我测试相对定位(z索引和顶部和左侧),当您更改浏览器的大小或更改屏幕分辨率时,一切正常,但我们为相对表保留了空间。我怎样才能去掉那个?

    1 回复  |  直到 8 年前
        1
  •  0
  •   unigg    14 年前

    <div class="table1"></div>
    <div class="table2"></div>
    

    CSS格式

    .table1{width:80%; height:200px; background-color:#cfcfcf;margin: 0px auto;}  
    .table2{width:60%; height:200px; background-color:#fffae4;margin:-20px auto 0;}
    

    .table1{position:relative; width:80%; height:200px;background-color:#cfcfcf;top:10px;margin:0 auto}  
        .table2{position:relative; width:60%; height:200px; background-color:#fffae4;top: -20px;margin:0 auto}
    

    所以关键是用%作为宽度单位。你可以和其他单位一起测试 this page