导航栏左右边空白还是没有被撑开?

来源:3-4 企业网站制作之导航部分制作(一)

DylmHai

2016-07-27 22:57

http://img.mukewang.com/5798cbb100013e8d10250118.jpg

.nav{

height:40px;

}

.nav_left{

width:10px;

background:url(..images/nav_left.jpg) no-repeat;

}

.nav_mid{

width:980px;

background:url(../images/nav_bg.jpg) repeat-x;

line-height:40px;

}

.nav_right{

width:10px;

background:url(..images/nav_right.jpg) no-repeat;

}

.nav_left, .nav_mid, .nav_right{

height:40px;

float:left;

}


写回答 关注

2回答

  • 顾顾小
    2016-08-08 14:15:24

    为什么给了高度就撑开了呢


    DylmHa...

    这里已经找到问题的所在,是有个地方写错了。 关于div给了高度就能撑开这个问题,可以看一下下边的解释: 有些div总是不能根据内容自适应,父级元素高度只有一点点,但子元素很高,看起来就像裤子短了很长一截,检查半天也没有结果。为什么会出现这种情况,难道是因为使用了浮动的原因吗?确实是。浮动能产生很好的效果,但是很多人忽略了浮动的细微性质,那就是浮动使一个块级元素与该层的其他元素游离开来,他漂浮在父元素的上面,父元素无法在视觉上包含他。 .nav_left, .nav_mid, .nav_right{ float:left; } 试了一下,这样子也可以,关于继承父元素属性问题,有待学。

    2016-08-13 10:34:27

    共 1 条回复 >

  • redstonesl
    2016-07-28 07:23:58

    指定div高度

    DylmHa...

    .nav_left, .nav_mid, .nav_right{ height:40px; float:left; } 中已经指定了高度40px

    2016-07-28 19:37:56

    共 1 条回复 >

企业网站综合布局实战

本课程重点介绍HTML/CSS实现常见企业网站布局的方法

157042 学习 · 1984 问题

查看课程

相似问题