html - table-layout fixed not working -


with following code css table supposed hide content exceeds table height (200px). unfortually doesn´t work , table vertically expanded. knows why ?

 <div style='display:table; border:1px solid blue;  width:200px; table-layout:fixed; height: 200px'>   <div style='display:table-row'>     <div style='display:table-cell; overflow:hidden'>     contents<br/>contents<br/>contents<br/>contents<br/>contents<br/>     contents<br/>contents<br/>contents<br/>contents<br/>contents<br/>     contents<br/>contents<br/>contents<br/>     </div>   </div> </div>  <div style='display:inline-block;width:20px;height:200px;   border:1px solid red; position:absolute;top:8px;left:220px'> </div> 

thanksç

from see, need add class or id divs. also, if want create table, without heaps of divs without classes or ids. here reference on how make tables @ w3schools: http://www.w3schools.com/html/html_tables.asp


Comments

Popular posts from this blog

c++ - Function signature as a function template parameter -

algorithm - What are some ways to combine a number of (potentially incompatible) sorted sub-sets of a total set into a (partial) ordering of the total set? -

How to call a javascript function after the page loads with a chrome extension? -