左浮动 css怎么写

Css样式的float浮动属性，用于设置标签对象（如：

标签盒子、标签、标签、标签等html标签）的浮动布局，浮动也就是我们所说标签对象浮动居左靠左（float:left）和浮动居右靠右(float:right)。

float是什么意思？

float是浮动，翻译成中文也是浮动意思。

float的作用

通过css定义float（浮动）让div样式层块，向左或向右（靠）浮动。

Float常跟属性值left、right、none

Float:none 不使用浮动

Float:left 靠左浮动

Float:right 靠右浮动

float语法： 

float : none | left |right

参数值： 

none : 　对象不浮动

left : 　对象浮在左边

right : 　对象浮在右边

案例：

我们设置一个盒子里，一个靠右、一个靠左浮动2个盒子，为了直观看到css浮动布局效果，我们对两个盒子设置一定宽度、高度和边框。

1、主要的html代码片段：

<div class="divcss5"> 
    <div class="divcss5_left">布局靠左浮动</div> 
    <div class="divcss5_right">布局靠右浮动</div> 
    <div class="clear"></div><!-- html注释：清除float产生浮动 --> 
</div>

2、css代码片段：
.divcss5{ width:400px;padding:10px;border:1px solid #F00} 
.divcss5_left{ float:left;width:150px;border:1px solid #00F;height:50px} 
.divcss5_right{ float:right;width:150px;border:1px solid #00F;height:50px} 
.clear{ clear:both}

Atas ialah kandungan terperinci 左浮动 css怎么写. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan：

css

sumber：php.cn

Artikel sebelumnya：css hanging-punctuation属性怎么用 Artikel seterusnya：css outline-style属性怎么用

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

Artikel terbaru oleh pengarang

• python如何判断字符串类型
  2019-06-20 10:20:19
• python如何定义整数
  2019-06-20 10:15:07
• python中jam如何使用
  2019-06-20 10:08:31
• python安装包里idle在哪
  2019-06-20 10:01:17
• python文档在哪里
  2019-06-20 09:34:05
• python如何绘制降水图
  2019-06-21 15:03:24
• 如何利用python开发手机app
  2019-06-19 09:41:36
• python编程工具有哪些
  2019-06-19 09:33:54
• python在哪里下载
  2019-06-19 09:26:29
• python自带ide在哪里
  2019-06-19 09:18:16

Isu terkini

Di manakah perisian kursus tentang pemetaan minda CSS? Perisian kursus

daripada 2024-04-16 10:10:18

0

0

1335

Halaman tiba-tiba tidak dapat menarik css atau bootstrap Jadi saya sedang membangunkan halaman, saya telah membuat sebahagian daripadanya semalam d...

daripada 2024-04-06 21:58:04

0

1

800

Ubah suai gaya CSS sebaris secara dinamik dalam Javafx Saya cuba menukar imej latar belakang anak tetingkap apabila aplikasi dimaksimumkan. Latar...

daripada 2024-04-06 20:57:16

0

1

487

Bagaimana untuk membuat elemen terapung disusun secara menegak dan bukannya secara mendatar dalam CSS? Saya cuba membuat halaman web dengan dua lajur, dengan kandungan utama di satu pihak dan k...

daripada 2024-04-06 20:45:26

0

2

386

Adakah terdapat cara untuk memaksa teks dalam flexbox dipusatkan secara menegak, tidak kira apa kod CSS lain yang kita ada? Saya mempunyai kod CSS berikut yang merupakan sebahagian daripada kod CSS yang lebih besar...

daripada 2024-04-06 20:41:51

0

1

518

Topik-topik yang berkaitan

Lagi>

• css
• berpusat css
• Bagaimana untuk memasukkan gambar dalam css
• css di luar paparan...
• warna fon css
• apa itu css
• Bagaimana untuk menulis segitiga dalam css
• css menetapkan warna teks