Html 如何使用'；固定的'；和'；内联块'；添加到它的CSS属性中

我希望能够在

固定位置显示DIV，并使其
宽度符合内容，但每次添加
位置：固定
，div被计算为
显示：块
和div变为全长

HTML：

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

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

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

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

每次添加位置：固定；，计算div以显示：block；div变为全长

它不是
display:block
，它是
位置：fixed
使div相对于浏览器窗口拉伸，并且由于您有
left:0
和
right:0
，您观察到div占据所有窗口宽度的行为

根据您的HTML结构，您可以使用
position:absolute
，或者如注释所述（谢谢@Paulie_D），不要使用
right:0
，只需添加另一个容器即可。
并将CSS中的矛盾分为两部分

HTML：

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

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

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

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

@Paulie\u D如果您正确地移除
右侧
按钮，则
div
仍将是
diplay:block
。不…它不会。它显示为内联块…至少在小提琴中是这样。它不会居中…如果这是你的意思。请在计算样式下检查
.veil
@Paulie\u D-你说显示为内联块是什么意思？是的，对不起，我删除了评论，但是的，它“计算”为块，但显示（因此收缩包装）为“内联块”…我认为这就是重点。