我想要一个保持页面的水平中心(两列)的组件,我有一个子组件(右列),我希望其位置是固定的,所以子组件的位置是固定的,但整个两列要居中.
#content {
width: 1200px;
height:auto !important;
height:100%;
min-height:100%;
padding-top: 42px;
padding-bottom: 100px;
margin-auto: 0 auto;
position: relative;
}
#left {
width: 700px;
float: left;
}
#right {
width: 500px;
position: fixed;
top: 0px;
}
解决方法
你不能用保证金：auto,但你可以这样做：
#css-SELECTOR-YOU-ARE-USING{ background:#FF0000; // Just so you can see whats going on position:fixed; // Position the element right:50%; // Move it to the right for 50% of parent element margin-right:-250px; // You need here to put 1/2 of what you have below in width width:500px; }
这样,您将元素向右移动50％,然后将其移动到其一半宽度.这样你就可以得到位置中心的元素：fixed.
