固定幅の親divを外す

Question

#content divから脱出しようとしています。高さは問題ではない、私はそれがここに設定されていないので推測する。このインスタンスで親divの子divを中断することは可能ですか？幅を1370ピクセル以上、幅を100パーセントにしてみました。

div.container { 
      width: 1370px; 
     } 

     ##content { 
      width: 1370px; 
     } 

     ##header, 
     ##footer-cnt div.container { 
      padding-left: 200px; 
     } 

     ##footer-cnt div.container { 
      width: 1168px; 
     } 

     body { 
      background: ##eeeeee; 
     } 

Answer 1

まず、##はcssものではありません。 idセレクタを使用して要素を参照しようとする場合は、単一の#を使用します。

子が親から分割されているという印象を与えるには、いくつかの方法があります。それぞれはあなたが何をする必要があるかに応じて独自のユースケースを持っています。

ウェイ1：閉じる親、子の操作を行い、再オープン親

これは、テキストエディタまたはあなたが親を制御することはできませんいくつかの他の環境では良い少しハックです。 、CSS

で使用絶対/固定位置これは、特定のユースケースで動作し、子が親の外にある外観を与える：

</div><!-- close parent --> 
<div class="child"> Child content 
<div class="parent"> 

ウェイ2：あなたはこのような何かをするだろうDOMに関する限り、それはまだそこにあります。

ウェイ3：親から子を削除することができますjavascriptの

シンプルなjQueryのスクリプトを使用します。与えられた：

<div class="parent"> 
    <div class="child"> Child stuff </div> 
</div> 

あなたは行うことができます：親のうちの子を取り、DOMに兄弟-場所でその直後に移動します

jQuery(function($){ 
    var child = $('.child').detach(); 
    $('.parent').after(child); 
}); 

を。