对于dd li等元素50%宽度浮动，无内外边距，而出现的换行BUG

程序猿 CSS ... (shuke.2013-07-02 05:03)

对于dd li等元素50%宽度浮动，无内外边距，而出现的换行BUG
相信大家但LI,DD浮动排版时，会出现换行很无语吧。
这次出BUG的是IE7。号称 IE的不稳定留白：

 ul,dl{width:150px;}
li,dd{width:50%;float:left}
 /*与width:100%选一个*/
/*以下两句是要解决因为ie下li之间会留白的问题；
当设置li的width:100%;后要设定ul的宽度，
ie下注意li的padding与margin为0不能与ul写在一起*/

很显然要给外框架定义宽度。定义100%，那是不行的。得给个具体数字才可以

2 楼 shuke[2013-07-02 17:05]

<!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>shuke </title>
<style type="text/css">
*{ padding:0; margin:0; border:none}
dl{ background:red;  line-height:35px; width:1000px;}
dt{ background:blue; clear:both}
dd{ background:gray;  width:50% !important; width:49%; padding:0; margin:0;   float:left; border:none}
.clearfix:after
{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix
{
display:inline-block;
}
/* Hide from IE Mac */
.clearfix {display:block;}
/* End hide from IE Mac */
/* end of clearfix */
</style>
 <dl> 
<dt>内容标题</dt> 
<dd>内容1</dd> 
<dd>内容2 </dd>
<dd>内容1</dd> 
<dd>内容2 </dd>
 
<dt>内容标题</dt> 
<dd>内容1</dd> 
<dd>内容2 </dd>
<dd>内容1</dd> 
<dd>内容2 </dd>
 asdfasdfsadf
</dl>
</body>
</html>

进度：100% 返回程序猿

解决织梦图集中上传图片时跳出302错误

奇葩的PHPCMS V9 各种 [hash]数据验证失败

图片新热点

网站自定字体，压缩字库让网页字体与图标 *.EOT是一种压缩字库，目的是解决在网页中嵌入特殊字体的难题。例如：网页前端开发人员在网页中使用... 查看详情
酷能微日志V1.1发布 酷能微日志V1.1发布一，PHP文件，无需数据库(日志生成TXT文件保存在DATA里)。3个文件搞... 查看详情
PHPCMS调用自动广告的问题 可以专门建立一个或者几个栏目，用于放置不同的广告。在后台建立栏目时，可以先填写广告栏目的ID，在加... 查看详情
js 图片带点幻灯播放效果，适合做BA 这个效果很适合BANNER，可以加连接，也可以做幻灯片。有图有真相：... 查看详情
【原创】phpcmsv9 关于站群同布 1.首先，建立一个发步点，填写FTP相关地址，为的是能够发步到你网站空间里。这样子你的网站就不要后... 查看详情

对于dd li等元素50%宽度浮动，无内外边距，而出现的换行BUG

图片新热点

导航

目录