dl样式的问题

cloudgamer 2008-05-07 10:28:56

<!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=gb2312" />

<title>无标题文档</title>

</head>

<body>

<dl style="width:500px;">

  <dd> <img src="../images/temp2.gif" style="float:left;" />

    <dl style="float:left;">

      <dd> 距白云国际机场四十公里距白云国际机场四十公里距白云国际机场四十公里距白云国际机场四十公里距白云国际机场四十公里距白云国际机场四十公里 </dd>

    </dl>

  </dd>

</dl>

</body>

</html>

在ie中显示符合我的要求
但ff中如果下面dd的内容多于一行就会换到下面去
怎么解决啊

...全文

157 5 打赏收藏转发到动态举报

写回复

用AI写文章

5 条回复

切换为时间正序

请发表友善的回复…

发表回复

cloudgamer 2008-05-07

打赏
举报

http://car.fs12345.com/test/model/3.html
效果看上面的

skyaspnet 2008-05-07

打赏
举报

我修改了一下,在IE和FF下测试通过, 结贴加分吧

<!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=gb2312" />

<title>无标题文档</title>

</head>

<body>



<dl style="float:left; width:100px; height:75px;"><dd><img src="http://car.fs12345.com/test/images/temp2.gif" /></dd></dl>

    <dl style="float:left; width:400px;">

      <dd> 距白云国际机场四十公里距白云国际机场四十公里距白云国际机场四十公里距白云国际机场四十公里距白云国际机场四十公里距白云国际机场四十公里 </dd>

    </dl>



</body>

</html>

viaivi 2008-05-07

打赏
举报

你这也写的太麻烦了

<div class="pic">
<img src="......." alt="">
<p class="s1">其实是FF更加严格</p>
</div>

.pic{width:500px;}
.pic img{float:left;}
.pic .s1{width:300px;float:right;}