CSS中的浮动有啥重要的作用_html/css_WEB-ITnose
CSS中的浮动存在的意义和目的是啥
谢谢各位高手
回复讨论(解决方案)
参考下
http://www.w3school.com.cn/css/pr_class_float.asp
要想搞清浮动这个问题,得先搞清html元素的两种状态,
块元素,或内联元素。
1. 块元素有物理属性,会占据一行,能设置宽高等特性,多个块元素会分行显示。
块元素代表人物:div,p等
2. 而内联元素没有物理属性,不会占据一行,多个内联元素会并排显示,
内联元素的代表人物:span,em,b,i等。
3. 有时候的需求就是,想让某个元素并排显示,并且具有可设置的物理属性,这时候就需要float出场。因为html是表结构,他不负责表现层面的东西,这时候需要一个css属性来解决这样的一个问题,float应用而生。
简单的解释就是: 他是让块元素对外呈现内联元素的特性,对内呈现块元素的特性。
这句话是不是跟display:inline-block的意思,一样呢,其实就是这样。但display:inline-block的兼容性不怎么好,在ie6下面会有间距产生,所以float用的比较多一点。
4. float并不是没有坏处,float之后,会对以后的兄弟元素产生影响,所以要必须css清除一下,才使兄弟元素正常显示。
扩展阅读:
From: http://www.planabc.net/2007/03/11/display_inline-block/
非常感谢楼上的精彩回答!
感谢!
非常感谢楼上的精彩回答!
感谢!
不客气,差不多就结贴吧。
便于管理容器和类
比如很多网站的,在线客服都是这样做的,漂浮在网站的固定位置,方便用户使用啊!
你可以看看: http://www.bacysoft.cn/thread-76-1-1.html
是你说的那种效果么?
路过看高手

Alat AI Hot

Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool
Gambar buka pakaian secara percuma

Clothoff.io
Penyingkiran pakaian AI

AI Hentai Generator
Menjana ai hentai secara percuma.

Artikel Panas

Alat panas

Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6
Alat pembangunan web visual

SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Topik panas



Artikel ini membincangkan html & lt; kemajuan & gt; elemen, tujuan, gaya, dan perbezaan dari & lt; meter & gt; elemen. Tumpuan utama adalah menggunakan & lt; kemajuan & gt; untuk menyelesaikan tugas dan & lt; meter & gt; untuk stati

Artikel ini membincangkan html & lt; datalist & gt; elemen, yang meningkatkan bentuk dengan menyediakan cadangan autokomplete, meningkatkan pengalaman pengguna dan mengurangkan kesilapan. Kira -kira: 159

Artikel membincangkan amalan terbaik untuk memastikan keserasian silang pelayar HTML5, memberi tumpuan kepada pengesanan ciri, peningkatan progresif, dan kaedah ujian.

Artikel ini membincangkan html & lt; meter & gt; elemen, digunakan untuk memaparkan nilai skalar atau pecahan dalam julat, dan aplikasi umum dalam pembangunan web. Ia membezakan & lt; meter & gt; dari & lt; kemajuan & gt; dan Ex

Artikel ini membincangkan menggunakan atribut pengesahan bentuk HTML5 seperti had, corak, min, max, dan panjang untuk mengesahkan input pengguna secara langsung dalam penyemak imbas.

Artikel ini menerangkan html5 & lt; time & gt; elemen untuk perwakilan tarikh/masa semantik. Ia menekankan pentingnya atribut DateTime untuk pembacaan mesin (format ISO 8601) bersama teks yang boleh dibaca manusia, meningkatkan aksesibilit

Artikel ini membincangkan tag Meta Viewport, penting untuk reka bentuk web responsif pada peranti mudah alih. Ia menerangkan bagaimana penggunaan yang betul memastikan skala kandungan yang optimum dan interaksi pengguna, sementara penyalahgunaan boleh membawa kepada isu reka bentuk dan kebolehaksesan.

Artikel ini membincangkan & lt; iframe & gt; Tujuan TAG dalam membenamkan kandungan luaran ke dalam halaman web, kegunaan umum, risiko keselamatan, dan alternatif seperti tag objek dan API.
