水平網站問題

我正在創建一個水平滾動網站，將動態調整自己的大小，當我以後將JavaScript添加到它。然而，我開始設置HTML和代碼似乎會導致一個問題，當我把另一個div裏面的組成我的動態代碼的div。水平網站問題

此外，有更多經驗的人喜歡解釋使用這樣的代碼的缺點，如果有的話？

#main_cont { 
    height : 500px; 
    white-space : nowrap; 
    overflow-x: scroll; 
    width: auto; 
} 
.ads { 
    display : inline-block; 
    height : 100%; 
}

有沒有辦法讓我調整下面的代碼，以便我可以把div和潛在的圖像放在裏面。我不想爲此使用Javascript修復程序。先謝謝你。

http://jsfiddle.net/YVyFA/

來源

2013-08-18 Brandon Reed

你只是缺少vertical-align: top;爲您的面板

.wlds { 
    vertical-align: top; 
}

Updated fiddle

而且你並不需要JavaScript來調整您的佈局的大小，通過以百分比標記設置高度和寬度來使用流體佈局e值

來源

2013-08-18 21:10:26

謝謝。當我把所有的東西都還給百分比值時，這實際上確定了一切。我非常感謝你的協助。 –

我發現也許能解釋如何使一個網站，需要水平滾動的鏈接。試試CSS-Tricks。希望這有助於。祝你有美好的一天。

來源

2013-08-18 20:55:20 Guled

前段時間我確實發現了這個，但是這些信息似乎有些過時。所以我做了更多的搜索，找出可能是更好的解決方案，看起來可能就是這樣。沒有Javascript需要，純粹的CSS和HTML水平的網站在這裏。 –

那麼，最快和最骯髒的解決這個是給#main-cont div的特定寬度，使.wlds的div浮動。因此，添加以下的CSS規則：

#main-cont { 
    width: 783px; 
} 

.wlds { 
    float: left; 
}

JSFiddle.

來源

2013-08-18 21:08:08 federicot

水平網站問題

回答

相關問題