Question

我尝试将img元素中的一对.branch_item元素绝对定位在一个position: relative元素中，该元素应该有.branch_item。

with height中有px和%时，一切正常，但我需要px而非width（因为这element应该有%的100％。 fixed单元仅适用于<div class="container left"> <div class="twelve columns"> <div class="branch_item"> <div class="csc-row"> <figure class="csc-image csc-image-first csc-image-last"> <img src="uploads/pics/bg_01.png" alt="" /> </figure> </div> <div class="csc-row"> <figure class="csc-image csc-image-first csc-image-last"> <img src="uploads/pics/de.act.png" alt="" /> </figure> </div> <div class="csc-row"> <figure class="csc-image csc-image-first csc-image-last"> <img src="uploads/pics/lx.act.png" alt="" /> </figure> </div> <div class="csc-row csc-row-last"> <figure class="csc-image csc-image-first csc-image-last"> <img src="uploads/pics/pl.act.png" alt="" /> </figure> </div> </div> <div class="twelve columns menu-bar"> </div> </div> </div>位置，但不能处于该位置。

我的代码如下：

.branch_item {
  background: #ECECED; 
  position: relative;
  top: 50px; 
  left: 0;
  width: 100px;
  height: 100px;
}

.branch_item img {
  position:absolute; 
  top:0px; 
  left:25%; 
  width:50%;
}

这是我的css代码：

.branch_item

当我在width单元中设置height元素%和{{1}}时，我的页面空白，没有任何内容。

任何人都知道如何设置它？

Answer 1

当您以百分比设置宽度和高度时，它将相对于其父级进行测量。您在<div class="twelve columns">上设置了高度和宽度吗？（不是百分比）如果没有，.branch_item不能有百分比高度。

绝对定位在100％宽度相对定位div内

1 个答案: