親の中で絶対最大幅のある絶対的な要素

Question

（重複）の右下にを配置しようとしています。難しい部分はmax-widthの1280ピクセルを#header-supporter-contに設定して残りのサイトマージンと一貫性を持たせることです。

私は#header内で直接を配置しようとしたが、その後、私は全角であることをmax-width#header-imageためのニーズを使用することはできません。

<header id="header"> 
    <div id="header-image"> 
     <a href="#"><img src="http://placeholdit.imgix.net/~text?txtsize=44&txt=Header&w=1920&h=200" /></a> 
    </div> 
    <div id="header-supporter-cont"> 
     <div id="header-supporter"> 
     <div> 
      Lead Supporter 
     </div> 
     <img src="http://placeholdit.imgix.net/~text?txtsize=14&w=65&h=65" /> 
     </div> 
    </div> 
    </header> 

がここにペンの：http://codepen.io/ourcore/pen/ObBWaY

は、ここに私のマークアップです。

Answer 1

位置をsetted＃ヘッダ・サポーターに代えてトップの＃ヘッダ支持-CONTに相対的、及び底

http://codepen.io/anon/pen/ENdWgE

#header-supporter-cont { 
    margin: 0 auto; 
    max-width: 1280px; 
    position: relative; 

    #header-supporter { 
    position: absolute; 
    bottom: 0; 
    right: 0; 
    }