日期:2014-05-17  浏览次数:20583 次

如何定位
CSS code

<div id=i1>
<div id="img1"></div>
<span>个人信息</span>
</div>

<div>..........内容<div>

<div id=i2>
<img src="1.jpg">
<ul><li>小霞</li><li>男</li><ul>
</div>



请问如何把id=2的内容,显示到到img1的位置上的。






------解决方案--------------------
有很多方式.简单的:
HTML code

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
#i2{border:1px solid #ccc;background-color:#eee;position:relative;width:140px;float:left;height:140px;}
#i2 img{display:block;}
#i2 ul{position:absolute;top:0;left:0;float:left;background-color:#fff;width:100px;border:1px solid #ddd;z-index:10;}
</style>
</head>

<body>
<div id="i2">
<img src="http://avatar.profile.csdn.net/8/A/9/2_wangmeizhike02.jpg" />
<ul><li>小霞</li><li>男</li></ul>
</div>
</body>
</html>

------解决方案--------------------
探讨
有很多方式.简单的:

HTML code

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head……

------解决方案--------------------
服了!是让你看相对定位和绝对定位的应用!难不成你网站的CSS让我写
------解决方案--------------------
区别一下相对定位和绝对定位;如果你需要相对一个元素定位的话,就把另一个元素设成它的子级。详细:http://hi.baidu.com/xuemeiweb/blog/item/2e9f5f5cea2fda4cd009065e.html
------解决方案--------------------
探讨

也就是说 只能相对 父标签 来定位。

不能通过兄弟标签来定位了。

------解决方案--------------------
擦,这楼主真业余!
------解决方案--------------------
这个是实现不了的!!