CSS Ride SideBar 需要保持在顶部

Question

我的右侧栏不在顶部。

例如，这是两个页面。 www.cafecartel.com

和 www.cafecartel.com.index2.php

目前网站的写法，右边栏必须这样放:

body id="支持"div id="container1"div id="container2"

div id="header"
 ?php include("inc/header.inc"); ?
  h1 Point of Sale for Restaurants, POS Retail and Inventory by Cafe Cartel/h1
/div

div id="包装器"div id="内容"

div id="sidebar"
 ?php include("inc/sidebar_justafew.inc"); ?
 ?php include("inc/sidebar_whouses.inc"); ?
/div

div id="主要内容"

---

我想要的是能够将侧边栏放置在主要内容的下方。用于搜索引擎优化。

这是侧边栏的 CSS:

边栏{

float: right;
    position: relative;
    left: 178px;
    width: 166px;
    padding-top: 5px;
margin-left: -165px;
margin-bottom: 50px;
    line-height: 1.4em;
    voice-family: "\"}\"";
    voice-family: inherit;
    width: 165px;
    }

感谢所有帮助。谢谢

Answer 1

我无法完全理解这个问题，所以如果我误解了，我提前道歉，但是要让侧边栏出现在内容旁边并让内容出现在 HTML 侧边栏上方，您可以将#maincontent div 向左浮动，和#sidebar div 权利。

#content { 清除:两者； }

#maincontent { float :左； }

#sidebar { float :正确； }

之后你还需要清除 float ，所以我在内容 div 上添加了 clear: both。

希望对您有所帮助!