IE6浮动撑开了父元素,怎么破?_html/css_WEB-ITnose
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Examples</title><style type="text/css">*{margin: 0;padding: 0;}.box{ padding: 10px 20px; background: red; color: #fff; text-decoration: none; float: left;}.ico{ width: 20px; height: 20px; background: blue; float: right;}</style></head><body><a href="" class="box">怎么破<i class="ico"></i></a> </body></html>在IE 6 7下撑开了, 其他正常 不想让它撑开. a 宽度不固定 i 在右边.
怎么破?
求解?
可以给文字外再包一层 可以解决 ,如果是这种结构的话有没有其他方法可以解决
回复讨论(解决方案)
你的父元素，非得用float吗？
a标签
display:block
试试看
a标签
display:block
试试看
不行
加个宽度。
demo here.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Examples</title> <style type="text/css"> *{margin: 0;padding: 0;} .box{ padding: 10px 20px; background: red; color: #fff; text-decoration: none; float: left; width:78px; } .ico{ width: 20px; height: 20px; background: blue; float: right; } .txt{ float:left;} </style></head><body><a href="" class="box"><i class="txt">怎么破</i><i class="ico"></i></a></body></html>
.ico{ width: 20px; height: 20px; background: blue; display:inline-block;}子和父样式中添加position:absolute;同时在子样式中加入right:**px;(宽度自己定义)
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
HTML, CSS dan jQuery: Buat butang dengan kesan terapung
Oct 24, 2023 pm 12:09 PM
HTML, CSS dan jQuery: Membuat butang dengan kesan terapung memerlukan contoh kod khusus Pengenalan: Pada masa kini, reka bentuk web telah menjadi satu bentuk seni Dengan menggunakan teknologi seperti HTML, CSS dan JavaScript, kita boleh menambah pelbagai jenis ciri pada halaman Kesan khas dan kesan interaktif sedemikian. Artikel ini akan memperkenalkan secara ringkas cara menggunakan HTML, CSS dan jQuery untuk mencipta butang dengan kesan terapung, dan memberikan contoh kod khusus. 1. Struktur HTML Pertama, kita perlu
Dalam JavaFX, apakah elemen laluan yang berbeza?
Aug 28, 2023 pm 12:53 PM
Pakej javafx.scene.shape menyediakan beberapa kelas dengan mana anda boleh melukis pelbagai bentuk 2D, tetapi ini hanyalah bentuk primitif seperti garisan, bulatan, poligon dan elips dll... Jadi jika anda ingin melukis kompleks Untuk bentuk tersuai, anda perlu untuk menggunakan kelas Path. Kelas laluan Kelas laluan Anda boleh melukis laluan tersuai menggunakan garis besar geometri ini yang mewakili bentuk. Untuk melukis laluan tersuai, JavaFX menyediakan pelbagai elemen laluan, kesemuanya tersedia sebagai kelas dalam pakej javafx.scene.shape. LineTo - Kelas ini mewakili baris elemen laluan. Ia membantu anda melukis garis lurus dari koordinat semasa ke koordinat (baru) yang ditentukan. HlineTo - Ini adalah jadual
Kesan peralihan CSS: bagaimana untuk mencapai kesan gelongsor elemen
Nov 21, 2023 pm 01:16 PM
Kesan peralihan CSS: Bagaimana untuk mencapai kesan gelongsor elemen Pengenalan: Dalam reka bentuk web, kesan dinamik elemen boleh meningkatkan pengalaman pengguna, antaranya kesan gelongsor adalah kesan peralihan yang biasa dan popular. Melalui sifat peralihan CSS, kita boleh mencapai kesan animasi gelongsor elemen dengan mudah. Artikel ini akan memperkenalkan cara menggunakan sifat peralihan CSS untuk mencapai kesan gelongsor elemen dan menyediakan contoh kod khusus untuk membantu pembaca memahami dan menggunakan dengan lebih baik. 1. Pengenalan kepada peralihan atribut CSS peralihan atribut peralihan CSS tra
Program C++: menambah elemen pada tatasusunan
Aug 25, 2023 pm 10:29 PM
Tatasusunan ialah struktur data jujukan linear yang digunakan untuk menyimpan data homogen di lokasi memori bersebelahan. Seperti struktur data lain, tatasusunan mesti mempunyai keupayaan untuk memasukkan, memadam, melintasi dan mengemas kini elemen dalam beberapa cara yang cekap. Dalam C++, tatasusunan kami adalah statik. C++ juga menyediakan beberapa struktur tatasusunan dinamik. Untuk tatasusunan statik, elemen Z boleh disimpan dalam tatasusunan. Setakat ini kita mempunyai n elemen. Dalam artikel ini, kita akan belajar cara memasukkan elemen pada penghujung tatasusunan (juga dikenali sebagai menambahkan elemen) dalam C++. Fahami konsep melalui contoh Penggunaan kata kunci ‘ini’ adalah seperti berikut: GivenarrayA=[10,14,65,85,96,12,35,74,69]Selepas.
Adakah terdapat sebarang cara untuk membersihkan terapung?
Feb 22, 2024 pm 04:00 PM
Adakah terdapat sebarang kaedah untuk mengosongkan apungan? Contoh kod khusus diperlukan Dalam reka letak halaman web, apungan ialah kaedah susun atur biasa yang membolehkan elemen memisahkan diri daripada aliran dokumen dan diposisikan secara relatif kepada elemen lain. Walau bagaimanapun, masalah yang sering dihadapi apabila menggunakan reka letak terapung ialah elemen induk tidak dapat membalut elemen terapung dengan betul, menyebabkan halaman mempunyai reka letak yang tidak teratur. Oleh itu, kita perlu mengambil langkah untuk membersihkan terapung supaya elemen induk dapat membalut elemen terapung dengan betul. Terdapat banyak cara untuk mengosongkan terapung Berikut akan memperkenalkan beberapa kaedah yang biasa digunakan dan memberikan contoh kod tertentu.
Apakah elemen yang tidak disokong oleh html5
Aug 11, 2023 pm 01:25 PM
Elemen yang tidak disokong oleh HTML5 ialah elemen ekspresif semata-mata, elemen berasaskan bingkai, elemen aplikasi, elemen boleh diganti dan elemen bentuk lama. Pengenalan terperinci: 1. Elemen ekspresif tulen, seperti fon, tengah, s, u, dsb., elemen ini biasanya digunakan untuk mengawal gaya teks dan reka letak 2. Elemen berasaskan bingkai, seperti bingkai, set bingkai dan tanpa bingkai; elemen digunakan dalam Pada masa lalu, ia digunakan untuk membuat reka letak halaman web dan tetingkap belah 3. Elemen berkaitan aplikasi, seperti applet, isinde, dsb.
Transformasi CSS: bagaimana untuk mencapai kesan putaran elemen
Nov 21, 2023 pm 06:36 PM
Transformasi CSS: Cara untuk mencapai kesan putaran elemen memerlukan contoh kod khusus Dalam reka bentuk web, kesan animasi adalah salah satu cara penting untuk meningkatkan pengalaman pengguna dan menarik perhatian pengguna, dan animasi putaran adalah salah satu yang lebih klasik. Dalam CSS, anda boleh menggunakan atribut "transform" untuk mencapai pelbagai kesan ubah bentuk elemen, termasuk putaran. Artikel ini akan memperkenalkan secara terperinci cara menggunakan "transform" CSS untuk mencapai kesan putaran elemen, dan memberikan contoh kod khusus. 1. Cara menggunakan "transf" CSS
Cara menggunakan CSS untuk mencapai kesan kecerunan ketelusan elemen
Nov 21, 2023 pm 01:38 PM
Cara menggunakan CSS untuk mencapai kesan kecerunan ketelusan unsur Dalam pembangunan web, menambah kesan peralihan pada elemen halaman web adalah salah satu cara penting untuk meningkatkan pengalaman pengguna. Kesan kecerunan ketelusan bukan sahaja boleh menjadikan halaman lebih lancar, tetapi juga menyerlahkan kandungan utama elemen tersebut. Artikel ini akan memperkenalkan cara menggunakan CSS untuk mencapai kesan kecerunan ketelusan unsur dan memberikan contoh kod khusus. Menggunakan atribut peralihan CSS Untuk mencapai kesan kecerunan ketelusan sesuatu elemen, kita perlu menggunakan atribut peralihan CSS. t
