请问li标签添加float之后，里面的内容无法单独选中是怎么回事呢？
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>测试</title>
<style>
ul,li{
list-style:none;
}
img{
width:250px;
height:250px;
}
li{
border:1px solid #ccc;
height:300px;
width:250px;
margin-right: 20px;
}
p{padding:4px 10px;}
a{
text-decoration: none;
}
</style>
</head>
<body>
<ul>
<li>
<a href="#">
<img src="images/6.png" />
<p>测试一下</p>
</a>
</li>
<li>
<a href="#">
<img src="images/6.png" />
<p>测试一下</p>
</a>
</li>
<li>
<a href="#">
<img src="images/6.png" />
<p>测试一下</p>
</a>
</li>
<li>
<a href="#">
<img src="images/6.png" />
<p>测试一下</p>
</a>
</li>
</ul>
</body>
</html>添加li{float:left}之前，文字可以被单独选中
添加li{float:left}之后,文字会连带图片一起被选中
求解orz
浏览 1757回答 2
2回答
-
精慕门1025979
你好，我试了一下，并没有连图片一起选中啊？还有你的a应该加一个display:block00 -
yemaa
你可以只设置图片左浮动，或者清除文字的浮动00