HTML入门，HTML中UL跑到DIV外面去了
<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>Inserttitlehere</title><stylety...
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Insert title here</title><style type="text/css">div{ border: 3px solid #000;}li{ float:left; }
</style></head><body><div> <ul> <li>aaaa|</li> <li>bbbb|</li> <li>cccc|</li> <li>dddd|</li> </ul></div></body></html>
LI怎么跑到DIV外面去了，还有就是ul 和 li 的框线一样吗？
求解释原因，我想听原因 展开
</style></head><body><div> <ul> <li>aaaa|</li> <li>bbbb|</li> <li>cccc|</li> <li>dddd|</li> </ul></div></body></html>
LI怎么跑到DIV外面去了，还有就是ul 和 li 的框线一样吗？
求解释原因，我想听原因 展开
2个回答
展开全部
主要原因是li{ float:left; }造成的，因为父元素内的所有子元素都向一个方向float的时候就会造成父元素出现“塌陷”的现象，所以我们应该清楚浮动。你可以在ul上面加上overflow:hidden,或者用：after伪类（这个使用的最多的），具体你可以百度一下“css清除浮动”
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
简单，，，
给你的div，加上height:auto;就可以了。
为了好看，把ul的margin也设置为0.
给你的div，加上height:auto;就可以了。
为了好看，把ul的margin也设置为0.
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
