如何檢測一個元素是否抵抗另一個元素進入特定位置？

-1

首先，你必須看情況。這裏是鏈接-LINK。正如你所看到的側欄在底部。我想要標題下面的邊欄。當我打開一篇文章時，它完美地工作，但不在主頁上。我嘗試改變利潤率，但沒有運氣。我認爲一個元素是將邊欄限制在頂部。任何人都可以給我一個線索嗎？如何檢測一個元素是否抵抗另一個元素進入特定位置？

來源

2016-06-20 Akshay

我看到多個ID = HTML中的同級別「主包裝」。可能需要刪除重複項或更改爲類，如果僅用於CSS，並將id =「rsidebar-wrapper」從main-wrapper容器中取出。這應該讓你走向正確的軌道。由於主包裝寬度爲100％，因此每個主包裝塊將填充瀏覽器的寬度並向下推。 – Liquidchrome

@Liquidchrome你是對的兄弟。我確實如你所說。我工作了。非常感謝你。 – Akshay

更改您的結構，這一點 -

<div id="content-wrapper"> 
    <div id="main-wrapper">...</div> 
</div> 
<div id="rsidebar-wrapper">...</div>

改變你的CSS本 -

.index #content-wrapper { 
    margin: 0 auto; 
    width: 1200px; 
} 

.index #main-wrapper { 
    float: left; 
    max-width: 767px; 
}

來源

2016-06-20 18:52:09

是的，它工作兄弟。 – Akshay

根據other answers about CSS horizontal aligning，你應該改變浮動元素的順序，以便它們是第一個。 EJ。

<div id="main-wrapper"> 
    <div class="margin-1200"> 
     <div id="rsidebar-wrapper">...</div> 
    </div> 
</div> 
<div id="content-wrapper"> 
    <div id="main-wrapper"> 
     <div class="margin-1200">...</div> 
    </div> 
</div> 
<div id="main-wrapper"> 
    <div class="feature-posts">...</div> 
</div>

另外，如果你能負擔得起，對準東西在頁面推薦的方法是使用與網格系統，如pure，bootstrap或skeleton框架的時間和精力（和額外的帶寬），其中可以樣式divs如：

<!-- Bootstrap 3 example, based on a 12 column grid --> 
<div class="container"> 
    <div class="row"> 
    <div class="col-md-8">Main content</div> 
    <div class="col-md-4">Sidebar</div> 
    </div> 
</div>

要有一個主要內容列覆蓋三分之二的頁面，然後側欄覆蓋另一個三分之一。

來源

2016-06-20 17:56:40

如何檢測一個元素是否抵抗另一個元素進入特定位置？

回答

相關問題