css div 定位问题

2025-01-04 11:45:55

推荐回答（4个）

回答1：

两种方法：

1. position:relative + float:left (推荐)
解决方法（代码）：



test

.position1{
position:relative;
float:left;
width:225px;
height:100px;
}

五大浏览器测试：

IE5至IE10：通过

Chrome:通过

FireFox:通过

Safari:通过

Opera:通过

1.display:inline-block

解决方法（代码）：



test

.position1{
display:inline-block;
width:225px;
height:100px;
}

五大浏览器测试：
IE8至IE10：通过

Chrome:通过

FireFox:通过

Safari:通过

Opera:通过

使用以上两种代码都可以实现n个.position1 水平陈列。

回答2：

嗯，看来楼主确实是菜鸟，还没有搞明白DIV都有那些属性，其实可以通过设置外边界和内填充属性使得图片到你想要的位置

Q 1210770273

回答3：

给你一个简单的写法吧：
外面的容器是：relative；
里面的容器用：absolute；

回答4：

如果div同行，要加一个浮动效果如左浮动float:left;