这是我的css:
#container {
padding-left: 200px; /* LC fullwidth */
padding-right: 190px; /* RC fullwidth + CC padding */
}
#container .column {
position: relative;
float: left;
}
#center {
padding: 10px 20px; /* CC padding */
width: 100%;
overflow-x:hidden;
}
#left {
width: 180px; /* LC width */
padding: 0 10px; /* LC padding */
right: 240px; /* LC fullwidth + CC padding */
margin-left: -100%;
}
#right {
width: 130px; /* RC width */
padding: 0 10px; /* RC padding */
margin-right: -100%;
}
#footer {
clear: both;
}
完成此步骤后,我想将nanScrollerJS添加到右侧栏.
我不熟悉CSS
最佳答案
这是你想要做的吗?
#固定
position: fixed;
top: 0;
left: 0;
width: 100%;
#中央
margin-top: 32px; /* Header height */
padding: 10px 20px; /* CC padding */
Box-sizing: border-Box;
border-left: 200px solid black; /* LC width including padding */
border-right: 150px solid black; /* RC width including padding */
#剩下
width: 180px; /* LC width */
padding: 0 10px; /* LC padding */
float: left;
#对
width: 130px; /* RC width */
padding: 0 10px; /* RC padding */
float: right;
#footer的
position: relative;
z-index: 1;