Html CSS底部的div和width:auto但width:auto失败 阿尔特先生{ 宽度:自动; 高度:50px; 水平对齐 背景:#333; 边框顶部:2个实心#000; 盒影:0 10px#000; 位置:绝对位置; 底部:0; 左:0; } 文本内容

Html CSS底部的div和width:auto但width:auto失败 阿尔特先生{ 宽度:自动; 高度:50px; 水平对齐 背景:#333; 边框顶部:2个实心#000; 盒影:0 10px#000; 位置:绝对位置; 底部:0; 左:0; } 文本内容,html,css,Html,Css,宽度:自动工作不正常,我不知道为什么。它应该和浏览器屏幕一样宽,但只有屏幕的一半宽什么不正常?给我们更多的代码或示例来定义“无法正常工作”。它在做什么?你期望它做什么?尝试0 auto看看它是否“有效”(@MatthewRapati,对不起,你是对的。我在想其他事情)@SiKni8无效div没有扩展其宽度来适应周围环境,因为它有位置:绝对应用于它。您可以应用宽度:100%

宽度:自动工作不正常,我不知道为什么。它应该和浏览器屏幕一样宽,但只有屏幕的一半宽

什么不正常?给我们更多的代码或示例来定义“无法正常工作”。它在做什么?你期望它做什么?尝试
0 auto
看看它是否“有效”(@MatthewRapati,对不起,你是对的。我在想其他事情)@SiKni8无效
div
没有扩展其
宽度来适应周围环境,因为它有
位置:绝对应用于它。您可以应用
宽度:100%<style>
.alt{
    width:auto;
    height:50px;
        text-align
    background:#333;
    border-top:2px solid #000; 
    box-shadow:0 0 10px #000;
    position:absolute;
    bottom:0;
    left:0;
}
</style>

<div class="alt">
TEXT CONTENT    
</div>