CSS - 響應問題

我會盡量簡化。您可以在http://www.insidemarketblog.com處看到問題（您可以在調整大小時看到問題）CSS - 響應問題

當您調整頁面大小以使側邊欄元素進入底部時（只要邊欄進入底部），您會注意到電子郵件帶有藍色標題的表單顯示「發展您的業務」浮動到右側，不會調整爲100％。我怎樣才能解決它浮動到左側，並調整到100％？

下面是代碼：

HTML：

<div id="text-2" class="widget widget_text" style=""> 
<p class="widget_title">Grow Your Business</p> 
<div class="textwidget"> 
<div id="wpcf7-f94-o1" class="wpcf7"> 
<form class="wpcf7-form" novalidate="novalidate" method="post" action="/#wpcf7-f94-o1"> 
</div> 
</div> 
</div>

這裏是把所有相關的CSS代碼我的最好的嘗試（但B/C它的響應CSS這可能是不完整的

.columns > .sidebar > *:nth-child(2n+2) { 
    clear: none; 
    float: right; 
} 
.columns > .sidebar > * { 
    width: 240px; 
} 
.columns > .sidebar > * { 
    clear: both; 
    float: left; 
    width: 46.15%; 
}

下面是它的外觀截圖（爲什麼這顯然是錯誤的）。

enter image description here

來源

2014-03-29 user3117275

我不認爲這是反應... – bjb568

@mdesdev http://www.insidemarketblog.com/wp-content/thesis/skins/pearsonified/css.css – bjb568

添加到您的代碼：

@media (max-width: 984px){ 
    .columns > .sidebar > * { 
     clear: both; 
     float: left; 
     width: 100%; 
    } 
}

來源

2014-03-29 18:05:08

這工作完美 - 謝謝！ – user3117275

這真是太棒了。 –

爲什麼downvote ??? –

你的CSS說它應該漂浮在右邊，所以它完全按照代碼說的。在您發佈的CSS中查看您的第三行：您應該在響應式佈局中刪除#text-3和#text-2的浮動，它將起作用。

來源

2014-03-29 18:03:36 KittMedia

CSS - 響應問題

回答

相關問題