定位在它中心的絕對元素的相對父元素

這裏是我的代碼我想子元素是在底部和中部的它的父定位在它中心的絕對元素的相對父元素

它在底部好吧，但我不能讓它的中心

我試過

text-align:center ;

父

和

margin:0 auto ;

的孩子，但它不工作

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 
         "http://www.w3.org/TR/html4/strict.dtd"> 
<html><body> 
<div style='background-color: yellow; width: 70%; 
      height: 100px; position: relative; text-align:center'> 
    Outer 

    <div style='background-color: green; 
       position: absolute; width: 80%; bottom: 0 ; margin-right:auto ; margin-left:auto ; padding:5px'> 
       Inner 

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

來源

2013-05-18 max

這可能會回答你的問題：Centering a percent-based div

與您的利潤使用百分比。

<div style='background-color: green; 
      position: absolute; width: 80%; bottom: 0 ; margin-right:10%; margin-left: 10%; padding:5px'>

演示：http://jsfiddle.net/DkNdx/

來源

2013-05-18 13:19:19

感謝名單，但有能力改變基於它的內容會內div的父母，所以我不能用靜態的百分比 – max

定位在它中心的絕對元素的相對父元素

回答

相關問題