2014-03-27 51 views
0

我有我的網站是1000px寬和居中。我有一個div,在居中的1000px div內,即500px左邊和700px寬度。 div從1000px div向右溢出200px。是否可以在不影響車身滾動條的網站上使用div?

一切看起來不錯,但在較小的顯示器上溢出的div創建底部的滾動條。

是否有可能將這個溢出的div標記爲「不添加到可滾動區域」之類的東西?

我只想讓這個div的溢出部分在屏幕上有足夠的空間時可見。

**添加了一張圖片來幫助描述問題。

** Added js fiddle here < <不得不bit.ly使用導致它不會讓我張貼的jsfiddle

enter image description here

+1

哪裏是代碼 – sanjeev

+0

該網站的代碼是非常複雜的,幷包含太多與問題無關的東西。我添加了一張圖片來幫助解釋這個問題。 – compsci

+0

剪下你想要顯示的代碼。在jsfiddle中做一個演示,並確保有人會很快給出答案。 –

回答

0

你應該使用百分比高度和寬度。通過使用它,它會在每個分辨率上工作,div永遠不會滾動。 像

div.body{ 
    width: 100% 
    margin: 0 auto; 
} 

你能不能讓我知道什麼是完全的HTML DOM結構?

+0

對不起。我現在添加了一張圖片來進一步解釋我所問的問題。 – compsci

0

將此CSS添加到您的溢出div。任何溢出div的東西都不會顯示在較小的顯示器上。

overflow: hidden; 
+0

對不起。我現在添加了一張圖片來進一步解釋我所問的問題。 – compsci

0

添加overflow:visible;到div與1000px寬度。這將使寬度div的700px的部分延伸到黃色div的正上方。

防止滾動條給overflow:hidden;添加到body標籤。但是,如果屏幕寬度小於1200px,則右側部分會被剪切。無論如何請試試這個。

相關問題