嵌套的DIV沒有正確定位

下面的代碼應該（？）將＃inner1和＃inner2放在同一個位置，或者不應該放在？嵌套的DIV沒有正確定位

無論如何，＃inner1和＃inner2的位置不同，儘管它們有相同的父親。如何解決這個問題（在同一地點的位置）？

<html> 
<head> 
<style> 
div {border:1px dotted} 
#main {width:800px;height:600px;position:absolute;} 
#outer {width:600px; height:400px; position:absolute; top:100px; left:100px} 
#inner1 {position:absolute;right;5px;bottom:5px;height:200px;width:200px} 
#inner2 {position:absolute;right:5px;bottom:5px;height:200px;width:200px} 
</style> 
</head> 
<body> 
<div id=main> 
main 
<div id=outer> 
outer 
    <div id=inner1> 
    inner1 
    </div> 
    <div id=inner2> 
    inner2 
    </div> 

</div> 
</div> 
</body> 
</html>

來源

2010-08-24 selytch

理想情況下，您不應該定義兩個相同的樣式。定義一個，並將其用於兩個div。 – 2010-08-24 07:18:56

right;5px;在#inner1

語法錯誤。（分號是冒號）

來源

2010-08-24 07:03:43 hellozimi

哦，謝謝，我開始擔心我的理智！ – selytch 2010-08-24 07:05:43

您正在使用位置：絕對的每個部門，其中有兩個部門內部外devision你應該使用position：relative;

來源

2010-08-24 07:28:03

嵌套的DIV沒有正確定位

回答

相關問題