浮动不起作用 设置高度居中不起作用
来源：4-3 编程练习
qq_咸鱼_54
2018-02-28 22:52:13
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
*{
margin:0;
padding:0;
}
.back{
width:100%;
height:1000px;
}
.left{position:fixed;
float:right;
top:50%;
margin-top:-180px;
}
.right{
position:fixed;
float:left;
top:50%;
margin-top:-180px;
}
</style>
</head>
<body>
<div class="back">
<img src="http://climg.mukewang.com/59c9f7ce0001839219034033.png"/>
</div>
<div class="left">
<img src="http://climg.mukewang.com/5a3383d00001a3dd02240364.png"/>
</div>
<div class="right">
<img src="http://climg.mukewang.com/5a3383c70001f1b702240364.png"/>
</div>
</body>
</html
2回答
-
绝对定位或固定定位和浮动一起使用的话，会使浮动失效，定位有自己控制位置的方向属性，建议规范使用
0 -
怎么都被占用了呢
2018-03-01
首先你得给放图片的容器定义一个宽高，否则会宽度100%显示，定位也就没有意义了。其次定义了定位之后，在左右显示，设置left或者right就可以了，不用浮动了
0h018-03-01
相似问题