Question

当我要添加侧边栏时，我正在将一个类应用于正文，因为背景图像和大小会发生变化。实际上下一个代码工作正常：

body,html {height:100%;background:url('../img/backend/bg_menu.png') repeat-y;}

body.sidebar {background:url('../img/backend/bg_sidebar.png') repeat-y;}

#container {height:auto;min-height:100%;position:relative;width:100%;}

#sidebar {position:relative;background:blue;float:left;width:100px;}
#sidebar.sidebar {width:350px;}

#content {height:100%;margin-left:110px;}
#content.sidebar {margin-left:360px;}

我想知道是否有任何方法只是将类边栏应用于正文我可以让#content和#sidebar不使用class =“sidebar”。

谢谢！

Answer 1

将其更改为

body,html {height:100%;background:url('../img/backend/bg_menu.png') repeat-y;}

body.sidebar {background:url('../img/backend/bg_sidebar.png') repeat-y;}

#container {height:auto;min-height:100%;position:relative;width:100%;}

#sidebar {position:relative;background:blue;float:left;width:100px;}
body.sidebar #sidebar {width:350px;}

#content {height:100%;margin-left:110px;}
body.sidebar #content {margin-left:360px;}

您不再需要将.sidebar应用于其他元素

将一个类应用于body并更改CSS中的各种#id

1 个答案: