侧栏{

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 =“wrapper” div id =“content”

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

div id =“maincontent”

我想要的是能够将补充工具栏置于主要内容之下。对于SEO。

这是侧栏的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 { clear: both; }

#maincontent { float: left; }

#sidebar { float: right; }

你也需要清除浮点数，所以我在内容div上添加了clear：两者。

希望有所帮助！

Answer 2

cc_layout.css line：63

#maincontent {
    margin:0;
    padding:0;
    position:relative;
    width:97%;
    float: left;
}

@Carl，两个页面（旧的和新的）之间的区别在于他将侧边栏HTML放在maincontent（new）下面，与上面的（旧）相比。

CSS Ride SideBar需要保持最佳状态

侧栏{

2 个答案: