为了账号安全,请及时绑定邮箱和手机立即绑定

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

http://img1.sycdn.imooc.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 回答

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


0 回复 有任何疑惑可以回复我~
#1

DylmHai 提问者

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

指定div高度

0 回复 有任何疑惑可以回复我~
#1

DylmHai 提问者

.nav_left, .nav_mid, .nav_right{ height:40px; float:left; } 中已经指定了高度40px
2016-07-28 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

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

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信