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;