2011-06-11 24 views
0

我有一個很大的div,有很多項目,我已經轉向marginLeft ='120%'的事件。我使用overflow:hidden來防止它顯示水平滾動條。但是,當它向右移動時,網頁垂直滾動條的長度會變得更大。我希望div從屏幕上消失(當它這樣做時,我已經將它轉換爲HTML5),但不會影響頁面的其餘部分。我究竟做錯了什麼?阻止MarginLeft風格變化的滾動條?

+3

郵政代碼示例,請... – 2011-06-11 18:39:28

+0

此無關的代碼風格,據我可以告訴。 – 2011-06-11 18:41:07

+0

你有沒有設置過渡元素的寬度?聽起來就像它在寬度壓縮時一樣高度增長 – lnrbob 2011-06-11 18:56:07

回答

0

由於容器不夠寬,所以內容實際上並沒有向右移動,所以默認操作是將內容放到下一行,因此是垂直滾動。

嘗試在寬大的包裝div中添加另一個div,這樣內容將有足夠的空間實際移動到右側。

<div id="wrapper"> 
    <div id="inner"> 
     <div id="content"></div> 
    </div> 
</div> 

CSS ...

#wrapper { 
    overflow: hidden; 
} 
#inner { 
    width: 9000px; 
} 
+0

我以這種方式得到了一個很大的寬水平佈局 – Dave 2011-06-11 21:51:22

+0

@Dave設置#wrapper的寬度,使其佈局儘可能寬。自overflow:hidden被設置以來,內部沒有任何內容會顯示超出此寬度。然而,#內容將能夠向右移動,因爲#inner允許其內部9000px的空間移動。 – wdm 2011-06-11 22:36:21

+0

@Dave看看這個輪播代碼。 http://jsfiddle.net/wdm954/VFwLT/5/ - 可以幫助看到它的行動。基本上它是一個水平的DIV行,在'overflow:hidden' DIV中滑動 – wdm 2011-06-11 22:43:08