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

表的相对和绝对定位

css-tables css-position image css

1

SilverLight · 技术社区 · 16 年前

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

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

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

1 回复 | 直到 9 年前

1

0

unigg 16 年前

<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