突破固定寬度的父div

Question

我試圖擺脫#content 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：關閉父母，做孩子，重新打開父

這是一個好一點的黑客，當你在一個文本編輯器或其他一些環境中，你無法控制的母公司。你會做這樣的事情：

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

方法2：使用絕對/固定的定位與CSS

這個作品在某些使用情況，並給出了外觀孩子是父母之外，儘管就DOM而言，它仍然在那裏。

方式三：使用JavaScript

一個簡單的jQuery腳本可以從父取出孩子。鑑於：

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

你可以這樣做：

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

這將需要孩子父母出的，並移動到它之後在DOM同級定位。