div里面的内容跑到外面来了_html/css

<script type="text/javascript">	$(document).ready(function() {		$(".flip").click(function() {			$(".panel").slideToggle("slow");		});		$(".flip2").click(function() {			$(".panel2").slideToggle("slow");		});	});</script><style type="text/css">div.panel, div.flip, div.panel2, div.flip2 {	margin: 0px;	padding: 5px;	text-align: center;	background: #e5eecc;	border: solid 1px #c3c3c3;}div.panel {	display: none;}div.panel2 {	display: none;}ul li {	list-style-type: none;}</style><body>						例子1
			请点击这里
							W3School - 领先的 Web 技术教程站点
				在 W3School，你可以找到你所需要的所有网站建设教程。
			
		
					例子2
			请点击这里
							W3School - 领先的 Web 技术教程站点
				在 W3School，你可以找到你所需要的所有网站建设教程。

我想点击然后下滑，这个功能实现了。一开始点击“请点击”的这个div会变长，我下写了高度，div固定了但是里面的字跑到外面去了。列子1和例子2这两个div也是，请问该怎么解决

回复讨论(解决方案)

没看到字跑到外面啊

试下
ul li {
list-style-type: none;clear: both;
}

没看到字跑到外面啊

点列子1或者请点击多点几次就会发现了

试下
ul li {
list-style-type: none;clear: both;
}

不行

没看到字跑到外面啊

点列子1或者请点击多点几次就会发现了

你发个图我看看

我想要这样的
但是会变成这样

没看到字跑到外面啊

点列子1或者请点击多点几次就会发现了

你发个图我看看

在六楼

没看到字跑到外面啊

点列子1或者请点击多点几次就会发现了

你发个图我看看

在六楼

我试了很多浏览器，都没有出现你那个问题，你用的什么浏览器

没看到字跑到外面啊

点列子1或者请点击多点几次就会发现了

你发个图我看看

在六楼

我试了很多浏览器，都没有出现你那个问题，你用的什么浏览器

火狐

郑重声明：本文版权包含图片归原作者所有，转载文章仅为传播更多信息之目的，如作者信息标记有误，请第一时间联系我们（delete@yzlfxy.com）修改或删除，多谢。

郑重声明：本文版权归原作者所有，转载文章仅为传播更多信息之目的，如作者信息标记有误，请第一时间联系我们修改或删除，多谢。

div里面的内容跑到外面来了_html/css_WEB-ITnose

回复讨论(解决方案)

相关文章阅读