Question

我正在使用设计师来开发U.I和这个设计器为组件生成绝对定位的css。当一些组件没有呈现时我想要下一个相应的位置。我怎么能用css做这个。例如：

我想从文档<div id="div1">中删除label3时向上移动并使用已移除的标签空间。

<html>
<head>
<style type="text/css">
#set
{
position:absolute;
left:100px;
top:100px;
height:100px;
width:300px;
}

#div1{
position:relative;


}

#label1{
position:absolute;
left:10px;
top:30px;
height:10px;
width:10px
}

#label2{
position:absolute;
left:100px;
top:30px;
height:10px;
width:10px
}


#label3{
position:absolute;
left:20px;

}


</style>
</head>

<body>

<fieldset id="set">
<label id="label3">Male:</label>
<div id="div1">
<label  id="label1">Divlabel1:</label>
<label  id="label2">Divlabel2:</label>

</div>

</fieldset>

</body>

</html>

Answer 1

我把页面的动态部分放在一个静态定位的div。并改变位置：绝对到位置：相对并删除顶部和左侧属性。静态定位元素从文档中删除但相对定位的元素一个接一个地放置。

Css相对定位

1 个答案: