UC知道css中float属性，不同浏览器的兼容问题
来源：百度知道 编辑：UC知道 时间：2024/07/07 22:24:59
css中float属性，不同浏览器的兼容问题
IE浏览器没问题，火狐浏览器显示混乱。请教高手！代码如下：
<!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></title>
<style>
<!
-- .mall_head_center5
{
border-right: #eafaff 1px solid;
border-top: #eafaff 1px solid;
background: url(../../images/dian_center_jianbian3.gif) repeat-x;
border-left: #eafaff 1px solid;
border-bottom: #eafaff 1px solid
IE浏览器没问题，火狐浏览器显示混乱。请教高手！代码如下：
<!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></title>
<style>
<!
-- .mall_head_center5
{
border-right: #eafaff 1px solid;
border-top: #eafaff 1px solid;
background: url(../../images/dian_center_jianbian3.gif) repeat-x;
border-left: #eafaff 1px solid;
border-bottom: #eafaff 1px solid
<ul>
<li>111111111
<li>222222222
<li>3333333333</li>
<div style="clear:both"></div>
</ul>
<div class="mall_head_center5">
<ul>
<li>111111111
<li>222222222
<li>3333333333</li>
</ul>
</div>
首先，你自己的结果就写错了。
好吧，有几个错误：
1.CSS选择符都要用小写。
2..mall_head_center5 UL LI{clean: both;}，clear写成clean了
3.代码里<li>标签有2个没有封闭。