问答详情
源自:13-9 Relative与Absolute组合使用

box2在box1中的位置怎么设置

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>相对参照元素进行定位</title>

<style type="text/css">

div{border:2px red solid;}

#box1{

    width:200px;

    height:100px;

    position:relative;

          

}

#box2{

  position:absolute;

bottom:0;

    text-align:right;      

}

/*下面是任务部分*/

#box3{

    width:200px;

    height:200px;

    position:relative;       

}

#box4{

    width:99%;

  position:absolute;

top:0;

    

}

</style>

</head>


<body>

<div id="box1">

<div id="box2">相对参照元素进行定位</div>

</div>


<h1>下面是任务部分</h1>

<div id="box3">

    <img src="http://img.mukewang.com/541a7d8a00018cf102000200.jpg">

    <div id="box4">当我还是三年级的学生时是一个害羞的小女生。</div>

</div>

</body>

</html>


提问者:慕粉0920058922 2017-01-09 14:22

个回答

  • 慕粉0920058922
    2017-01-09 14:23:37

    如图,我用的text-align:center;,但是没反应,不用left,right,怎么能使它居中或者在其他位置