奇怪!!!为什么我设置了边框加上内容区域大小1000px后,sidebar还是跳到下一行?

来源:3-9 企业网站制作之信息展示区制作

rong1042427

2015-02-03 21:17

代码如下:

.main{

height:250px;

background:#09F;

margin-top:10px;

}

.news{

width:340px;

background:#F33;

}

.course{

width:410px;

background:#096;

margin:0 7px;

}

.sidebar{

width:230px;

background:#C69;

}

.news,.course,.sidebar{

height:250px;

float:left;

border:1px solid #FFF;

}


340+410+230+7+7+6(你懂的),设置完成后,sidebar始终是跳到下一行左边,但是如果我任意把其他一个框减小1px后,他就回到上面的最右边了。请问老师这是为什么发生这种情况?我也是根据你的去做的啊,声明:我的wrap也是设置的是1000px

写回答 关注

4回答

  • qq_隔壁少年郎_0
    2016-12-27 14:31:18

    我基本不用个DW ,还是sublime text来得好用,轻量级的编译器还支持多种类型文本编写

  • 小白小鲸
    2015-03-10 20:30:05

    .。。。

  • rong1042427
    2015-02-04 10:59:58

    54d18b190001332605000236.jpg请看图片

    rong10...

    border:1px solid #FFF;  我发现其中一个div的border的最后面颜色是大写是FFF,当我把它给设置成小写fff,就正常了,然后我再次设置成大写FFF,观察了一下效果,依然正常了,dreamweaver太神奇了,难道是我的版本还未注册,用的是试用版

    2015-02-04 11:14:25

    共 1 条回复 >

  • donaf
    2015-02-03 23:44:15

    因为你给它们都加了border的属性呀,border也要占位置的,3个div,那也要占6px,你用goggle圈一下,看一下总宽度是多少

    rong10...

    我当然知道border是占据位置,可是340+410+230+7+7+6加起来才1000px,而我设置的wrap属性也是1000px,不是刚刚好么?

    2015-02-04 10:50:56

    共 1 条回复 >

企业网站综合布局实战

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

157043 学习 · 1984 问题

查看课程

相似问题