Heim > Web-Frontend > HTML-Tutorial > PHP自学之路-----DIV+CSS(第四天)_html/css_WEB-ITnose

PHP自学之路-----DIV+CSS(第四天)_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-24 12:27:20
Original
924 Leute haben es durchsucht

浮动 在DIV+CSS中浮动分为左浮动,右浮动,清除浮动  1、右浮动     所谓的右浮动,指一个块元素向右移动,让出自己的空间向右移动知道碰到包含自己的父元素的最右边的边框。如下图所示:

    测试代码如下:

    

   <title> 浮动案例 </title>  <link rel="stylesheet" style="text/css" href="float.css">      <div class="div1" id="id1">div1</div>    <div class="div1">div2</div>    <div class="div1">div3</div>   
Nach dem Login kopieren
.div1{   width:150px;   height:100px;   border:1px solid red;   background:pink;   margin-top:5px;}/*id 选择器*/#id1{   float:right;}
Nach dem Login kopieren


2、  

 

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage