要素が特定の位置を取ることから別の要素に抵抗するかどうかを検出するにはどうすればよいですか？

Question

まず、状況を見なければなりません。ここにリンクLINKがあります。ご覧のとおり、サイドバーは下側にあります。ヘッダーのすぐ下にサイドバーが必要です。投稿を開くと完全に機能しますが、ホームページでは機能しません。私はマージンを変えようとしましたが、運はありませんでした。私は要素がサイドバーを上部に制限していると思う。誰かが私に手がかりを与えることができますか？

Answer 1

変更これまであなたの構造 -

<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; 
} 

Answer 2

other answers about CSS horizontal aligningによれば、float要素の順序を最初のものに変更する必要があります。 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することができますのようにグリッドシステムとフレームワークを使用しています

<!-- 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> 

ページの3分の2をカバーするメインコンテンツの列と、もう1つのサイドバーをカバーするサイドバーがあります。