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

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

WBOY
Libérer: 2016-06-24 12:27:21
original
1969 Les gens l'ont consulté

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;

           

        }
Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal