突破固定宽度的父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同级定位。