告诉我为什么?在IE下内容不在盒模型内!
时间:2010-11-29
来源:互联网
在什么情况下会出现这样的情况
在其他浏览器下是这样的层关系
<ul>
<li class="f_r">
<div class="GoodsTxt">
<li> </li> <form> </form>
</div>
</li>
</ul>
而在IE中却变成这样这样
<ul>
<li class="f_r">
<div class="GoodsTxt"></div>
</li>
<li> <form> </form></li>
</ul>
样式
.f_r{float:right;}
.GoodsTxt h5{ border-bottom:0px solid #bcbcbc; line-height:29px; font-size:16px; font-weight:bold;}
.GoodsTxt{ width:343px; padding-top:10px;}
.GoodsTxtList li{ line-height:25px; color:#7f7f7f; width:45%; float:left; }
.GoodsTxt p{background:url(images/GoodDot.gif) no-repeat 2px 12px;line-height:35px; color:#7f7f7f; padding-left:16px; }
在其他浏览器下是这样的层关系
<ul>
<li class="f_r">
<div class="GoodsTxt">
<li> </li> <form> </form>
</div>
</li>
</ul>
而在IE中却变成这样这样
<ul>
<li class="f_r">
<div class="GoodsTxt"></div>
</li>
<li> <form> </form></li>
</ul>
样式
.f_r{float:right;}
.GoodsTxt h5{ border-bottom:0px solid #bcbcbc; line-height:29px; font-size:16px; font-weight:bold;}
.GoodsTxt{ width:343px; padding-top:10px;}
.GoodsTxtList li{ line-height:25px; color:#7f7f7f; width:45%; float:left; }
.GoodsTxt p{background:url(images/GoodDot.gif) no-repeat 2px 12px;line-height:35px; color:#7f7f7f; padding-left:16px; }
作者: xiejianfan035 发布时间: 2010-11-29
<div class="GoodsTxt">
<li> </li> <form> </form> //LI必须嵌套在UL里 不能嵌套在LI里 此处LI非法!
</div>
<li> </li> <form> </form> //LI必须嵌套在UL里 不能嵌套在LI里 此处LI非法!
</div>
作者: cwq2jxl 发布时间: 2010-11-29
TAT, 这条死理我算是记住了
作者: xiejianfan035 发布时间: 2010-11-29
谢谢你
作者: xiejianfan035 发布时间: 2010-11-29
万恶的IE 哎 共同进步,大家好运

作者: cwq2jxl 发布时间: 2010-11-29
相关阅读 更多
热门阅读
-
office 2019专业增强版最新2021版激活秘钥/序列号/激活码推荐 附激活工具
阅读:74
-
如何安装mysql8.0
阅读:31
-
Word快速设置标题样式步骤详解
阅读:28
-
20+道必知必会的Vue面试题(附答案解析)
阅读:37
-
HTML如何制作表单
阅读:22
-
百词斩可以改天数吗?当然可以,4个步骤轻松修改天数!
阅读:31
-
ET文件格式和XLS格式文件之间如何转化?
阅读:24
-
react和vue的区别及优缺点是什么
阅读:121
-
支付宝人脸识别如何关闭?
阅读:21
-
腾讯微云怎么修改照片或视频备份路径?
阅读:28