CSS固定位置带自动边距

我想要一个保持页面的水平中心(两列)的组件,我有一个子组件(右列),我希望其位置是固定的,所以子组件的位置是固定的,但整个两列要居中.

#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.

翻译自:https://stackoverflow.com/questions/3232514/css-fixed-position-with-auto-margin

转载注明原文:CSS固定位置带自动边距