UC知道div_css布局问题
来源：百度知道 编辑：UC知道 时间：2024/05/26 09:48:41
请大家帮忙看下,我用以下的代码以后这2行之间总是有一行空白.
页面代码:
<body class="body">
<form id="form1" runat="server">
<div id="top"></div>
<div class="menu">
<ul>
<li class="menu_1"><a href="#"></a></li>
<li class="menu_2"><a href="#"></a></li>
</ul>
</div>
</form>
</body>
CSS代码:
/** 整体规范 **/
.body
{
margin-left:0;
margin-right:0;
text-align:center;
}
/** 顶部背景 **/
#top
{
width:1000px;
height:92px;
background:url(../images/1_01.jpg) no-repeat;
}
/** 顶部下方滚动字幕部分 **/
.menu
{
width:1000px;
height:54px;
}
.menu ul {
margin: 0;
页面代码:
<body class="body">
<form id="form1" runat="server">
<div id="top"></div>
<div class="menu">
<ul>
<li class="menu_1"><a href="#"></a></li>
<li class="menu_2"><a href="#"></a></li>
</ul>
</div>
</form>
</body>
CSS代码:
/** 整体规范 **/
.body
{
margin-left:0;
margin-right:0;
text-align:center;
}
/** 顶部背景 **/
#top
{
width:1000px;
height:92px;
background:url(../images/1_01.jpg) no-repeat;
}
/** 顶部下方滚动字幕部分 **/
.menu
{
width:1000px;
height:54px;
}
.menu ul {
margin: 0;
这完全没有问题 告诉你 DW面版看起来和在浏览器中看到的效果不一定一样
以后者为准 一般div+css写手都不用可视工具的
如果你实在要去那间隔的话 那就只能用margin-top:-**值的 这样就要用到hack了
ie7的样式前要加*号 ie6加_号 FF不用加就行了~ 就比如:
{margin-top:0px*margin-top:-10px;_margin-top:-5px}
这样得到的值是:ff为第一个 ie7得第二个 ie6得第三个
不知道能不能帮到你。。。
修改：.menu ul li {
display: inline;
}
为
.menu ul li {
display: inline;
float:left;
}
或者给li添加固定高度
大哥 都没弄明白你什么意思 你的代码就这样保存在DW里打开的是空白
你要弄些内容去才知道问题啊
我测试了下 没有什么空隙啊
top和menu两个图层之间是没有空隙的，你想实际什么效果啊，请说清楚点