li float的一个bug
Code1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">2
<html xmlns="http://www.w3.org/1999/xhtml">3
<head>4
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />5
<title>无标题文档</title>6
<style>
7
*{}{margin:0;padding:0;}8
ul{}{float:left; width:610px; list-style:none;}9
ul li{}{float:left;width:290px;}10
</style>11
</head>12
<body>13
<div>14
<ul>15
<li><label>出版社：</label><span>作家出版社</span></li>16
<li><label>版本：</label><span>1版</span></li>17
<li><label>页码：</label><span>340页</span></li>18
<li><label>装帧：</label><span>平装</span></li>19
<li><label>出版时间：</label><span>32</span></li>20
<li><label>开本：</label><span>32</span></li>21
<li><label>ISBN：</label><span>54564564564</span></li>22
<li><label>语言：</label><span>中文</span></li>23
<li><label>条形码：</label><span>123132156465</span></li>24
25
</ul>26
27
</div>28
29
</body>30
</html>后有人解决此问题，1.可以给li设个高度2.字体原因，设置宋体也可以解决。
CodeCode1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">2
<html xmlns="http://www.w3.org/1999/xhtml">3
<head>4
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />5
<title>无标题文档</title>6
<style>7
*{}{margin:0;padding:0;}8
body {}{font-family:"宋体"}9
ul{}{float:left; width:610px; list-style:none;}10
ul li{}{float:left;width:290px;}11
</style>12
</head>13
<body>14
<div>15
<ul>16
<li><label>出版社：</label><span>作家出版社</span></li>17
<li><label>版本：</label><span>1版</span></li>18
<li><label>页码：</label><span>340页</span></li>19
<li><label>装帧：</label><span>平装</span></li>20
<li><label>出版时间：</label><span>32</span></li>21
<li><label>开本：</label><span>32</span></li>22
<li><label>ISBN：</label><span>54564564564</span></li>23
<li><label>语言：</label><span>中文</span></li>24
<li><label>条形码：</label><span>123132156465</span></li>25
26
</ul>27
28
</div>29
30
</body>31
</html><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">2
<html xmlns="http://www.w3.org/1999/xhtml">3
<head>4
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />5
<title>无标题文档</title>6
<style>7
*{}{margin:0;padding:0;}8
ul{}{float:left; width:610px; list-style:none;}9
ul li{}{float:left;width:290px;height:24px;}10
</style>11
</head>12
<body>13
<div>14
<ul>15
<li><label>出版社：</label><span>作家出版社</span></li>16
<li><label>版本：</label><span>1版</span></li>17
<li><label>页码：</label><span>340页</span></li>18
<li><label>装帧：</label><span>平装</span></li>19
<li><label>出版时间：</label><span>32</span></li>20
<li><label>开本：</label><span>32</span></li>21
<li><label>ISBN：</label><span>54564564564</span></li>22
<li><label>语言：</label><span>中文</span></li>23
<li><label>条形码：</label><span>123132156465</span></li>24
25
</ul>26
27
</div>28
29
</body>30
</html>
浙公网安备 33010602011771号