當我重新調整瀏覽器大小時，頁面組件會重疊

我的網頁中有以下組件：日曆和日期選擇器： - enter image description here 當我重新調整瀏覽器大小時，頁面組件會重疊

我設置了日曆的日期選取如下佈局： -

.calender 
{ 
Width:75% !important; 

    } 

#datepicker{ 

position:absolute; 
right:5%; 
top:5%; 
}

現在，如果瀏覽器是最大限度的佈局將被罰款，但當我重新大小我的瀏覽器在日期選擇器日曆將覆蓋如下： - enter image description here

所以任何人都可以建議如何解決這一佈局問題，所以日曆和日期糾察不重疊？問候

來源

2013-09-26 john G

你可以做：

clear:both;

如果日曆不是絕對定位，其他的是 - 你可以使用媒體查詢調整日曆的百分比爲數字更高，使其不重疊。

https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries是一篇很好的關於媒體查詢的文章。

來源

2013-09-26 00:26:38

我用下面@media（最大寬度：500像素）{ #datepicker { 明確：兩個 } } 但它沒有解決重疊問題 –

如果你想讓他們在這個位置上，而不想讓他們頂到底，我的意思是日曆先在日期選擇器下面，然後嘗試設置父控件的min-width和overflow:scroll。

休息，你可以修改CSS爲

.calender 
{ 
Width:75% !important; 
position: relative; 
float:left; 
    } 

#datepicker{ 
position:relative; 
float : right; 
right:5%; 
top:5%; 
}

給一個嘗試，如果你能搗鼓出來的演示，那麼請做:)

來源

2013-09-26 06:36:44 Anobik

感謝您的答覆，但申請position：relative; float：right ;.將把壓光機移動到頁面的底部。 –

你可以給小提琴或其他東西來嘗試一下。 :)嘗試顯示兩個類的表格單元格。 tbale單元格隨頁面寬度展開和收縮。可能工作。 – Anobik

你能解釋一下嗎，你用兩個類的表格單元表示什麼？ –

當我重新調整瀏覽器大小時，頁面組件會重疊

回答

相關問題