2011-08-28 69 views
0

上我试过这么多的东西,这个页面为什么我会得到一个水平滚动条

https://boycottplus.org/campaign/reclaim-our-time-say-no-time-wasting-websites

在右侧栏,我不能让它之间的10px的填充或保证金并出现没有滚动条的左列。我使用的包装DIV尝试,但我所做的一切,似乎把滚动条: -/

我专注于

.subsection .inner { 
padding-left: 10px; 
} 

在Firefox

+0

我看不到水平滚动条。它通常显示给我(Firefox)。 – JMelnik

+0

我可以在FF中看到它。 –

回答

3

样式添加overflow:hiddenbody风格。

+0

工作。奇怪,但我不知道它为什么这样做 – Justin

0

你是在同一个元素上设置widthpadding

例如,如果你有:

.subsection .inner { 
    width: 100%; 
    padding-left: 10px; 
} 

然后内div的总宽度将是100%+ 10px的,这将导致在滚动条。

+1

当然,这种情况只是因为浏览器正在计算基于内容框的框的大小而产生的。如果你设置了'box-sizing:border-box',那么宽度:100%实际上意味着100%,同时考虑填充。 – Chris