Rumah > hujung hadapan web > html tutorial > PHP自学之路-----DIV+CSS(第四天)_html/css_WEB-ITnose

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

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
Lepaskan: 2016-06-24 12:27:20
asal
938 orang telah melayarinya

浮动 在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>   
Salin selepas log masuk
.div1{   width:150px;   height:100px;   border:1px solid red;   background:pink;   margin-top:5px;}/*id 选择器*/#id1{   float:right;}
Salin selepas log masuk


2、  

 

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan