Maison >interface Web >tutoriel HTML >CSS中实现两个DIV左右并排摆放_html/css_WEB-ITnose

CSS中实现两个DIV左右并排摆放_html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBoriginal
2016-06-24 12:27:211979parcourir

Css中实现两个DIV左右并排摆放,且自动按比例伸缩

#Div0

        {

          float:left; background-color:Blue; width:100%; height:180px;

        }

        #Div1

        {

          float:left; background-color:Blue; width:70%; height:180px;

        }

        #Div2

        {

           background-color: Green; width:30%;height:180px; float:right;

           

        }
Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn