如何显示添加到其CSS属性的'fixed'和'inline-block'的DIV

Question

我希望能够在某个位置显示DIVfixed并使其width适合内容,但每次添加时position: fixed;,div都会被计算到display: block;并且div变为全长.

HTML:

<div class='veil'></div>

CSS:

.veil{
    display: inline-block;
    position: fixed;
    top: 34%;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-color: lavender;
}

Answer 1

每次我添加position:fixed;,div都会被计算出来显示:block; div成为全长.

它不是display: block,它position: fixed使得div相对于浏览器窗口拉伸,并且因为你有left: 0并且right: 0你观察到这种行为,div占用所有窗口宽度.

根据您的HTML结构,您可以使用position: absolute注释(或者@Paulie_D)中的指针使用而不是使用right: 0.