Html CSS：我能'；t将宽度设置为"；“自动”；始终显示100%_Html_Css

Html CSS：我能'；t将宽度设置为"；“自动”；始终显示100%

html css

Html CSS：我能'；t将宽度设置为"；“自动”；始终显示100%,html,css,Html,Css,出于某种原因 div的宽度是100%，如果我将其设置为auto，则不会发生任何更改。已尝试显示：块还是什么都没有我有什么 index.html .box{ 边框：1px实心#555；显示：块；宽度：自动； } 项目x 这是一个盒子这是另一个盒子宽度显示：块，元素将始终使用可用宽度。似乎要使用display:inline块宽度显示：块，元素将始终使用可用宽度。似乎要使用display:inline块设置宽度：自动与设置接近宽度：100%（唯一真正的区别是它们处理边距和填充的方式不

出于某种原因

div的宽度是100%，如果我将其设置为auto，则不会发生任何更改。已尝试

显示：块还是什么都没有
我有什么
index.html


.box{
边框：1px实心#555；
显示：块；
宽度：自动；
}

项目x
这是一个盒子
这是另一个盒子
宽度显示：块
，元素将始终使用可用宽度。似乎要使用display:inline块

宽度显示：块
，元素将始终使用可用宽度。似乎要使用display:inline块

设置宽度：自动与设置接近宽度：100%（唯一真正的区别是它们处理边距和填充的方式不同）
另外，div
对象默认为块元素，因此设置display:block不会改变他们的行为

你说你想让div占据单词的宽度。要做到这一点，您可以设置display:table cell
（这对IE不太友好），也可以浮动div，它将捕捉以适应其中的内容
.box { float:left; }

确保正确清除div后的浮动，以避免破坏其下方内容的布局
.clear { clear:both; height:0px; } 

<div class="clear"></div>

.clear{clear:两者；高度：0px；}
设置宽度：自动与设置接近宽度：100%（唯一真正的区别是它们处理边距和填充的方式不同）
另外，div
对象默认为块元素，因此设置display:block不会改变他们的行为

你说你想让div占据单词的宽度。要做到这一点，您可以设置display:table cell
（这对IE不太友好），也可以浮动div，它将捕捉以适应其中的内容
.box { float:left; }

确保正确清除div后的浮动，以避免破坏其下方内容的布局
.clear { clear:both; height:0px; } 

<div class="clear"></div>

.clear{clear:两者；高度：0px；}
添加到“爆炸药丸”中，现在您想要的东西已经很清楚了，这个css应该可以工作了
.box {
    border: 1px solid #555; 
    display: inline-block;        
    float:left;
    clear:both;
}

或者，您可以在每个
块后放置一些
标记
添加到“答案”中，现在清楚了您想要什么，这个css应该可以工作了
.box {
    border: 1px solid #555; 
    display: inline-block;        
    float:left;
    clear:both;
}

或者，您可以在每个
块之后放置一些
标记
使用显示：内联块

并添加一个类
.clear{clear:both；}

把它放在盒子之间
所以
使用显示：内联块

并添加一个类
.clear{clear:both；}

把它放在盒子之间
所以
宽度：DIV上的auto
将其展开以填充其父级，而不是按其子级调整大小
例：
要根据DIV的内容调整其大小，有几种方法：
宽度：DIV上的auto
将其展开以填充其父级，而不是按其子级调整大小
例：
要根据DIV的内容调整DIV的大小，有几种方法：
我想您需要这样的结果：
<head>
    <title>project x</title>
    <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
    <span class='box'>This is a box</span>
    <span class='box'>This is another box</span>
</body>

.box {
    border: 1px solid #555; 
}


项目x
这是一个盒子
这是另一个盒子
.盒子{
边框：1px实心#555；
}

我刚把div
改成span
！尝试使用正确的HTML标记
 我想你想要这个结果：
<head>
    <title>project x</title>
    <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
    <span class='box'>This is a box</span>
    <span class='box'>This is another box</span>
</body>

.box {
    border: 1px solid #555; 
}


项目x
这是一个盒子
这是另一个盒子
.盒子{
边框：1px实心#555；
}

我刚把div
改成span
！尝试使用正确的HTML标记
 以下选项可以将width:auto
的行为从使用可用容器宽度更改为所谓的：
浮动：左/右
位置：绝对位置
显示：内联块
显示：内联表
显示：表格
显示：表格单元格
假设您需要块保持在正常流的块格式上下文中（即，像通常一样一个接一个地垂直移动，仅具有其内容的宽度），我认为在这种情况下，display:table将是最佳解决方案。
以下选项可以将width:auto
的行为从使用可用容器宽度更改为所谓的：
浮动：左/右
位置：绝对位置
显示：内联块
显示：内联表
显示：表格
显示：表格单元格
假设您需要块保持在正常流的块格式上下文中（即，像通常一样一个接一个地垂直移动，仅具有其内容的宽度），我想在这种情况下，display:table将是最好的解决方案。
您希望发生什么？您忘记了主要部分-您想要什么？@Rooster如果希望在具有单词宽度的位置自动显示宽度。它是100%。我不能更改它。@Cthulhu我希望div是自动的，这意味着它将占用单词的宽度，而不是整个屏幕。从want我看到宽度为100%，我无法更改为auto。因为fordiv
widthauto
和100%
具有相同的含义！你期待什么？而block
对于div
也没有用处，因为默认情况下是这样的！你期望发生什么？你忘记了主要部分-你想要什么？@Rooster如果想要宽度自动，它就有文字的宽度。它是100%。我不能更改它。@Cthulhu我希望div是自动的，这意味着它将占用单词的宽度，而不是整个屏幕。从want我看到宽度为100%，我无法更改为auto。因为fordiv
widthauto
和100%
具有相同的含义！你期待什么？而block
对于div
也没有用处，因为默认情况下是这样的！但是还有一个盒子。另一个是b