返回首页

此页面上的内容需要较新版本的 Adobe Flash Player。

获取 Adobe Flash Player

    您现在的位置是:平面设计技巧

局部布局有可能遇到的问题。一个没有上边的框。看看代码(红色为关键代码)

下面是布局:

<div class="autoheight">
       <div class="leftmenu1" onmouseover="this.className='leftmenu2';" onmouseout="this.className='leftmenu1';"><a href="About.asp?id=2">aaaa</a></div>
       <div class="leftmenu1" onmouseover="this.className='leftmenu2';" onmouseout="this.className='leftmenu1';"><a href="#">bbb</a></div>
       <div class="leftmenu1" onmouseover="this.className='leftmenu2';" onmouseout="this.className='leftmenu1';"><a href="#">ccc</a></div>
       <div class="leftmenu1" onmouseover="this.className='leftmenu2';" onmouseout="this.className='leftmenu1';"><a href="#">dddd</a></div>
</div>

下面是样式表:

*{

 margin:0;

 pandding:0;}

.leftmenu1 a{
 line-height:31px;
 height:31px;
 background:url(../images/letmenu.jpg) 30px -40px no-repeat;
 margin-top:10px;
 text-align:center;
 color:#005386;
 font-weight:bold;
 font-size:14px;
 display:block;
 }

.leftmenu2 a:hover{
 line-height:31px;
 height:31px;
 background:url(../images/letmenu.jpg) 30px 0px no-repeat;
 margin-top:10px;
 text-align:center;
 color:#000;
 font-weight:bold;
 font-size:14px;
 display:block;
 }
.autoheight{
 border:1px #98c5f4 solid;
 border-top:0px #98c5f4 solid;
 background:#d5edf9;

 height:auto;
 padding-bottom:15px;

 

 }

因为层的高度没有固定,所以在ie7 ie6 和 firefox上的显示是不一样的。

CopyRight2010 银川慧科网络有限公司版权所有 银川网络公司 银川网站建设 银川网站制作 银川seo 宁夏企业邮局
地址:宁夏银川市正源北街万达广场B座1707
电话:0951-6048280 18195099882 13709590950
宁ICP备08000251