div的内容不受div宽度限制

Question

我可以发誓我已经看过关于这个问题的文章，但是我无法为了我的生活再次找到它们！ 基本上，如果我有

<div style="width: 250px;">The width of this div should be no less than 250px wide</div> 

在下面的代码，在div内容不限制它的宽度与宽度指定引起溢出的问题：

 <div class="PostIt"> 
      <div id="tags"><span class="qExtraLarge"><a href="Team/Default.aspx#lucky">Lucky Khumalo</a></span> 
      <span class="qLarge"><a href="Investments/Social/School/Default.aspx">School</a></span> 
      a;orghaepoht8aegae[hgi'aehg[ahgiha[e8gjaerghuoaeir'ghu;dsOsgh;vrwi/jbvh?URbnIRWhb'a[985h[qygherionhbdl</div> 

     </div> 

.PostIt { display: block; text-align: left; padding: 30px 30px 30px 30px; height: 240px !important; width: 190px !important; background: transparent url("Images/PostIt.png"); } 
.PostIf #tags { width: 250px !important; } 

任何建议将是巨大的！

在此先感谢。

Answer 1

设置单独的块元件上的宽度不会停止了比从溢出元件的界限宽度更宽的任何内容。要做到这一点，你还需要设置“溢出”属性。将其设置为“隐藏”将简单地隐藏界限外的任何内容，但您也可以将其设置为其他值以自动显示滚动条等。

请参阅http://reference.sitepoint.com/css/overflow了解溢出CSS属性的一个很好的解释。

Answer 2

隐藏你的溢出。

或者更确切地说

.myclass { overflow: hidden; } 

Answer 3

如果你想隐藏任何溢出的内容，使用overflow:hidden;

如果你要显示的内容，只是强制换行，使用word-wrap:break-word;