div css里怎么让一个图片在任意位置，比如靠居中在偏下，

2024-12-20 19:50:02

推荐回答（5个）

回答1：

让一个图片在div任意位置，可以使用绝对定位的方式。如下示例代码：



	
		
		
		
		测试页面
	
	
		
			.test-box{width:300px;height:260px;margin:0px auto;position:relative;border:1px solid #333;}
			.test-box img{position:absolute;bottom:10px;left:50%;margin-left:-60px;border:0;}

示例中做了一个宽为300px，高为260px像素的容器，其中图片通过绝对定位，控制其位于容器的水平居中，容器底部的位置。bottom:10px;控制图片距离底部10px，left:50%、margin-left:-60px;控制图片水平居中。其中的margin-left的值根据图片宽度变化，为负的二分之一图片宽度。

最终效果如下图：

回答2：

使用定位属性，设置它的left和top属性值来控制具体位置，例如

回答3：

1、设置margin值，这样可以在不同浏览器中位置自适应改变。
2、用定位，外层用相对的，内层用绝对的。

回答4：

position：absolute 通过 left top right bottom 等来控制位置

回答5：

用css样式进行定位布局，不懂的可以再问