css:浮动边栏的问题

css:浮动边栏的问题,css,layout,sidebar,Css,Layout,Sidebar,嘿,伙计们, 我似乎无法让它工作 我有一个div.post,下面有#评论和#回复表。div.post包含#评论和#回复表单。我只是想将侧边栏浮动到整个div.post的右侧,但我似乎无法让它工作 这里有一个例子。有没有办法解决这个问题——可能很简单。:) 布局 身体{ 保证金:0; 填充:0; } #主要{ 背景:#cfcfcf; } .内部{ 保证金:0自动; 填充:96px 72px 0; 宽度:1068px; 边框颜色:#000; 边框样式:实心; 边框宽度:0 1px; 颜色:#3C;

嘿,伙计们, 我似乎无法让它工作

我有一个div.post,下面有#评论和#回复表。div.post包含#评论和#回复表单。我只是想将侧边栏浮动到整个div.post的右侧,但我似乎无法让它工作

这里有一个例子。有没有办法解决这个问题——可能很简单。:)


布局
身体{
保证金:0;
填充:0;
}
#主要{
背景:#cfcfcf;
}
.内部{
保证金:0自动;
填充:96px 72px 0;
宽度:1068px;
边框颜色:#000;
边框样式:实心;
边框宽度:0 1px;
颜色:#3C;
}
.邮政{
宽度:705px;
背景:#999;
}
#评论,#回复{
宽度:705px;
背景:#999;
}
#边栏{
宽度:338px;
背景:#777;
左边距:730px;
}
Lorem同侧测试页
同一天,同一天,同一天,同一天,同一天,同一天,同一天,同一天,同一天,同一天,同一天,同一天,同一天,同一天,同一天,同一天,同一天,同一天,同一天,同一天,同一天,同一天,同一天,同一天,同一天。在vero eos和accusam以及justo duo dolores和ea Reum。斯泰特·克莱塔·卡斯德·古伯格伦(Stet clita kasd gubergren),没有海洋保护区是属于同一领域的。他说:“我的工作是在工作中完成的,我的工作是在工作中完成的,我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。斯泰特·克莱塔·卡斯德·古伯格伦(Stet clita kasd gubergren),没有海洋保护区是属于同一领域的

他说:“我的工作是在工作中完成的,我的工作是在工作中完成的,我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。斯泰特·克莱塔·卡斯德·古伯格伦(Stet clita kasd gubergren),没有海洋保护区是属于同一领域的。他说:“我的工作是在工作中完成的,我的工作是在工作中完成的,我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。斯泰特·克莱塔·卡斯德·古伯格伦(Stet clita kasd gubergren),没有海洋保护区是属于同一领域的

一个回答
  • 汤姆说: 他说:“我的工作是在工作中完成的,我的工作是在工作中完成的,我的工作是在工作中完成的。”。在vero eos et accusam et justo duo dolores et ea发现。斯泰特·克莱塔·卡斯德·古伯格伦(Stet clita kasd gubergren),没有海洋保护区是属于同一领域的。他说:“我的工作是在工作中完成的,我的工作是在工作中完成的,我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。斯泰特·克莱塔·卡斯德·古伯格伦(Stet clita kasd gubergren),没有海洋保护区是属于同一领域的

  • 留话 姓名(必填) 邮件(不会发布)(必需) 网站 元
    • 登录
    • 任何事
    订阅
    • 条目(RSS)
    • 评论(RSS)

    编辑:你能在我的html中看到任何错误吗。firebug说边栏div实际上在.internal div之外。但是,如果我看一下代码,它就在里面。

    浏览器正在为

    .post width, 
    #sidebar width 
    

    去掉侧边栏左侧的边距,然后向右浮动

    编辑
    我只是把它粘在一把小提琴上,觉得我的屏幕爆炸了。您的css有许多问题,这些问题不仅仅限于上述修复。最值得注意的是:

  • div的默认宽度为100%,除非浮动它们
  • 在元素上设置边距时,边距会添加到元素的宽度中(就像填充一样)。如果要指定固定宽度,请确保宽度+填充+边距(+旁边的任何内容)小于屏幕宽度 编辑2
    好的,我发现您在
    外部的侧边栏渲染中存在问题。内部
    div检查以下行:
    网站
    将多余的
    拿出来。

    有几种方法可以处理此问题。但是,您没有为
    div#sidebar
    div.inner
    设置
    float
    属性。尝试添加
    float:left
    两个选项,并从
    div#侧栏
    中删除
    左边距
    属性


    您可能需要调整宽度。

    是float:right;不工作?div#侧边栏应该在div.inner的内部。。。在我的代码中找不到bug。好的,我去掉了宽度:100%。但是#侧边栏应该位于.inner的内部。萤火虫说它在外面——不明白,在我的房间里找不到一只萤火虫code@user239:看看我在这里做了什么:我没有更改任何html,只更改css。但是,如果我有一个固定的html怎么办?我有一个基于网格的布局,我的内部div应该是1068,并且有这个padding.1068+72+72=1212像素。这真的是你想要的
    .internal
    div的宽度吗?@user239831,检查编辑;你有一个额外的结束div标签。
    .post width, 
    #sidebar width 
    
    #sidebar #margin-left.