Html 使用内联块与内联块，两者都是don'；I don’’我似乎没有达到我的目的；我期待着

*，html，正文{填充：0；边距：0；字体系列：-苹果系统，“Helvetica Neue”，Arial，无衬线；背景：#ffe6eb；颜色：#4E2B99；}
.container{边距：0px自动；最大宽度：1000px；文本对齐：中心；}
.header img{宽度：5em；}
/*项目*/
.item{最大宽度：500px；显示：内联块；}
.item.byf{font-style:italic；}
.item.byf头像{最大宽度：1米；边界半径：1米；}
.item.content{页边距顶部：10px；最小高度：200px；背景色：白色；边框半径：5px；}

朋友的朋友-桃子
因为你跟随名字。。。
名字@
因为你跟随名字。。。
名字@

问题出在

最大宽度上，而不是
显示屏上。
inline block
和
inline
都在做他们应该做的事情。在内联元素上，CSS中应用的
width
s不适用。在
内联块
上，它们会

但是，CSS
max width
仅在内容宽度大于
max width
时生效。目前，您的内容宽度不超过500px。您需要为
max width
设置一个
width
属性才能生效，如下所示

.item{
    max-width:500px;
    width: 100%;
    display:inline-block;
 }

在理想场景中，内联容器不能容纳块级元素。
在您的例子中，class=“item”您试图拥有内联，该内联包含class=“content”的子元素，该子元素是块元素，正如预期的那样，内联容器的宽度将是块子元素的宽度
 
显示：内联块将获取高度和宽度，并将彼此相邻显示，而
显示：inline
不获取高度和宽度，但将彼此显示。对于你来说，最大宽度：500px
它可以工作，因为你的内容只有200px
宽，如果你加宽你的内容，你会得到滚动效果，或者如果你的内容超过500px，你的内容会跳出容器