Heim > Web-Frontend > HTML-Tutorial > 为什么div里明明放着很多东西,但是dreamweaver里这个div就是显示一条直线_html/css_WEB-ITnose

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

WBOY
Freigeben: 2016-06-21 09:37:55
Original
1248 Leute haben es durchsucht

<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>
Nach dem Login kopieren




如图所示,这些东西根本不在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>
Nach dem Login kopieren

你把 class="nav_main"去掉看看

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

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

你把 class="nav_main"去掉看看


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

HTML code

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage