javascript - Bootstrap固定位置元素的宽度

Question

我得到了一个带有 width=auto 的元素。当我将 position: fixed 添加到该元素时，它在视觉上改变了它的宽度。添加 position: fixed 后如何保持元素的外观？我想要一个位置“固定”的响应式居中元素。

这是一个问题示例(类 first 和 first_top):http://jsfiddle.net/nWHSH/

Answer 1

您的问题出在您的 first_topCSS 中。

http://jsfiddle.net/gespinha/nWHSH/6/

这应该可以解决您的问题，只需将您的 CSS 更改为:

.first_top {
    position: fixed;
    top: 0;
    background: #FFF;
    z-index: 2;
    left: 0;
    right: 0;
    max-width: 720px;
    margin: 0 auto;
} 

问题出在固定定位上。 固定和绝对定位元素与实际文档流分离，因此它们往往不会自然地与其他元素发生 react ，它们会与文档本身进行交互。

因此，为了在流程中强制执行顺序，您必须 Bootstrap 该 sam 元素并使他遵循不是主要流程但相似的流程，让用户认为它确实被操纵与 DOM 中其他对象的交互。