4

I'm using twitter-bootstrap and I keep seeing a horizontal scroll on the right most module (trending) part of this HTML page. When I reduce it from span2 to span1, it makes the image tiny. It doesn't seem like the image or text takes up the rest of the space either. Any advice on how I can get rid of the horizontal scroll?

Additionally, when I make the width of the window smaller the small image thumbnails clash with the main video. How do I fix this as well?

The page can be found here.

4

2 回答 2

5

你会想要overflow-x房产

.my-class {
    overflow-x: hidden;
}

还有overflow（用于垂直和水平溢出）和overflow-y（仅用于垂直溢出）。

我知道人们不喜欢 w3school 但这里是溢出 x 可以具有的值http://www.w3schools.com/cssref/css3_pr_overflow-x.asp

于 2012-12-11T00:57:20.903 回答
0

对于内联解决方案：

<span style={{
  overflowX: "hidden"
}}>

hidden也可以是scroll, auto, 或visible

于 2020-06-28T22:25:58.370 回答