Как сделать таблицу подходящей в родительском div

Question

У меня есть таблица, которая не должна превышать ширину ширины родительского div, как это можно решить только в CSS? У меня есть пример здесь

JSFiddle

HTML

<div id="parent"> 
    <table id="child2"> 
     <tr> 
      <td>Hi! andgds;lfgjl;dksfjglkdfgjldsfk;gjdlf;kgjdlfkgjdflkgjdl;fksgjdl;ksfgjlkdfsjglkdfsjglkdsfjglkdjsfgkljdsflkgjdflksgjl;kdsfd it's not working!</td> 
      <td>Hi! andgds;lfgjl;dksfjglkdfgjldsfk;gjdlf;kgjdlfkgjdflkgjdl;fksgjdl;ksfgjlkdfsjglkdfsjglkdsfjglkdjsfgkljdsflkgjdflksgjl;kdsfd it's not working!</td>    
     </tr> 
    </table> 

CSS

#parent { 
    border: 3px solid #f0f; 
    width: 600px;  
} 
table#child2 {  
    background: cyan;   
} 
td{ 
    border: 2px solid #666;  
} 

Answer 1

Попробуйте это:

#parent { 
    border: 3px solid #f0f; 
    width: 600px;  
} 
table#child2 {  
    background: cyan; 
    table-layout:fixed; 
    width: 100%;  
} 
table#child2 td { 
    white-space: normal; 
    word-wrap: break-word; 
} 
td{ 
    border: 2px solid #666;  
}