为什么div里明明放着很多东西，但是dreamweaver里这个div就是显示一条直线_html/css

为什么div里明明放着很多东西，但是dreamweaver里这个div就是显示一条直线_html/css_WEB-ITnose

WBOY

发布： 2016-06-21 09:37:55

原创

1213 人浏览过

<div class="nav_main">		  <ul>			<li><a href="#"><span>首页</span></a></li>			<li><a href="#"><span>企业新闻</span></a></li>			<li><a href="#"><span>企业简介</span></a></li>			<li><a href="#"><span>产品展厅</span></a></li>			<li><a href="#"><span>企业历史</span></a></li>			<li><a href="#"><span>招商加盟</span></a></li>			<li><a href="#"><span>网上下单</span></a></li>			<li><a href="#"><span>联系我们</span></a></li>		  </ul></div>

登录后复制

如图所示，这些东西根本不在div里，这是怎么回事？？

回复讨论(解决方案)

经测试正常显示。是不是设置了什么样式？

nav_main的css定义发上来看看

你把 class="nav_main"去掉看看

你的样式是怎么写的呀~发出来看看才知道~

我想你肯定有些一个样式：overflow:hidden;

我也是相同情况
我个人认为Dreamwaver8.0
支持的不好浏览器上则可以正常显示

一般推荐用浏览器去测试,Dreamweav的测试很多浏览器都会显示出错。。

<div class="nav_main">          <ul>            <li><a href="#"><span>首页</span></a></li>            <li><a href="#"><span>企业新闻</span></a></li>            <li><a href="#"><span>企业简介</span></a></li>            <li><a href="#"><span>产品展厅</span></a></li>            <li><a href="#"><span>企业历史</span></a></li>            <li><a href="#"><span>招商加盟</span></a></li>            <li><a href="#"><span>网上下单</span></a></li>            <li><a href="#"><span>联系我们</span></a></li>          </ul><div style="clear:both;"></div></div>

登录后复制

你把 class="nav_main"去掉看看

#nav_main{height:100px;width:900px},就这个样式，我想应该没什么影响吧

亲你不需要将li浮动起来么。。
引用 3 楼的回复:

你把 class="nav_main"去掉看看

#nav_main{height:100px;width:900px},就这个样式，我想应该没什么影响吧

HTML code