2011-05-15 115 views
0

我想创建一个div将具有屏幕宽度(任何屏幕),如果内容超出屏幕宽度 - 我想显示水平滚动条。我怎样才能做到这一点?div与屏幕宽度和滚动

+1

你希望它具有屏幕的大小,但是如果它大于屏幕,显示一个滚动条?它不是屏幕的确切大小吗? – Zirak 2011-05-15 06:00:05

+0

@Zirak:在开始时,div根本不包含数据,因此它的宽度为0.用户可以向div中添加组件,使其宽度增长。我不希望它越来越多地出现在屏幕上。 – Naor 2011-05-15 06:07:06

回答

2

滚动,如果你的下一个样式添加到div容器会出现在div如果DIV含量较大:

overflow: auto; 

如果你想不显示垂直滚动,你需要:

overflow-y: hidden; 
+0

div的宽度怎么样? – Naor 2011-05-15 06:09:35

+0

容器内的div可以有最小宽度:100%;例如。 而容器的限制宽度。 – ccsakuweb 2011-05-15 06:11:25

+0

我在我的代码中添加了如何隐藏垂直滚动。因为使用自动滚动将出现时,图片比容器大,垂直更大或水平更大。 – ccsakuweb 2011-05-15 06:13:32

0

你可以使用这样....

#width1 
{ 
height:200px; 
border:1px solid black; 
width:100%; 
overflow:auto; 
} 

<div id="width1"></div> 

看一看这个小提琴:http://jsfiddle.net/Laqqn/1/

+0

宽度:100%;走出屏幕。在jsfiddle这里是桌子的边界。 – Naor 2011-05-15 08:00:23

+0

如果您将宽度减小为其他值。滚动条仅适用于div ...它不会从屏幕熄灭.. – Anish 2011-05-15 09:57:44