html - Solid and Responsiv in an wrapper wich has an Responisv width -
html - Solid and Responsiv in an wrapper wich has an Responisv width -
i working on responsiv app , need search bar parts responisv width , not(like search icon).
i tried doing this
class="snippet-code-css lang-css prettyprint-override">.wrapper{ width:80%; height:auto; border-bottom:solid 5px red; } .solid{ width:50px; height:50px; background-color:green; } .responsiv{ width:100%; height:50px; background-color:yellow; } class="snippet-code-html lang-html prettyprint-override"><div class="wrapper"> <div class="solid"></div> <div class="responsiv"></div> </div>
but want responsiv.
class="snippet-code-css lang-css prettyprint-override">.wrapperwant{ width:912px; height:auto; border-bottom:solid 5px red; } .solidwant{ width:50px; height:50px; background-color:green; float:left; } .responsivwant{ float:left; width:862px; height:50px; background-color:yellow; } .clear{ clear:both; } class="snippet-code-html lang-html prettyprint-override"><div class="wrapperwant"> <div class="solidwant"></div> <div class="responsivwant"></div> <div class="clear"></div> </div>
class="snippet-code-css lang-css prettyprint-override">.wrapper{ width:80%; height:50px; border-bottom:solid 5px red; margin-left:50px; } .solid{ width:50px; height:50px; background-color:green; float:left; margin-left:-50px; border-bottom:solid 5px red; } .responsiv{ width:100%; height:50px; background-color:yellow; float:left; } .clear { width:0; height:0; clear:both;} class="snippet-code-html lang-html prettyprint-override"><div class="wrapper"> <div class="solid"></div> <div class="responsiv"></div> <div class="clear"></div> </div>
html css responsive-design
Comments
Post a Comment