css样式问题
我的问题有点多，求解答。 比如有两个div，怎么用css控制他平行在同一行，两个div之间怎么家距离？ 同一个div中有图片和文字，要想布置文字相对图片的位置该怎么写？（比如，文字在图片的右边，或者文字在图片上）
慕无忌1967813
2016-06-04
3 回答
<!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:200px;
position:relative;/*这里给第一个盒子设置相对定位*/
}
#box2{
width:99%;/*参照物是前辈元素box1*/
position:absolute;
/*这里给第二个元素设置绝对定位，相对于前辈元素box1进行定位*/
bottom:0;
}
</style>
</head>
<body>
<h1>这是你想实现的效果</h1>
<div id="box1">
<img src="http://img1.sycdn.imooc.com//541a7d8a00018cf102000200.jpg">
<div id="box2">当我还是三年级的学生时是一个害羞的小女生。</div>
</div>
</body>
</html>
举报
0/150
提交
取消
