css - Auto width for floated div -
here code
<div class='content'> <div class='div1'>content</div> <div class='div2'>content</div> </div> .content { width:300px;} .div1 { float:left;width:200px;} .div2 { float:left;width:100px;} in case need set display:none div2. possible set .div1 width full-size of .content ( 300px )
reorder divs, , use overflow: hidden:
<div class='content'> <div class='div2'>content 2</div> <div class='div1'>content 1</div> </div> .content { width:300px; overflow: hidden;} .div1 { overflow: hidden;} .div2 { float:left; width:100px;}
Comments
Post a Comment