Html 拉伸到指定宽度的div

我试图创建一个2页的列，但是我的div没有延伸到我指定的宽度，我不知道为什么。我已经为我的代码链接了JSFIDLE

代码如下：

.container{
宽度：960px；
背景颜色：灰色；
保证金：0px自动0px自动；
}
.专栏1{
背景色：红色；
显示：内联；
宽度：480px；
}
.专栏2{
宽度：480px；
背景颜色：黄色；
显示：内联；
}

A.
B

我假设您正在尝试创建2个

元素，它们放置在页面的左侧和右侧？如果是这样，这将解决您的问题：

.container{
宽度：960px；
背景颜色：灰色；
保证金：0px自动0px自动；
}
.专栏1{
宽度：50%；
背景色：红色；
浮动：左；
}
.专栏2{
宽度：50%；
背景颜色：黄色；
浮动：左；
}

A.
B

尝试内联块而不是内联块。不要试图通过将有意义的词突出显示为代码来回避在问题中发布代码示例的SO规则，为什么不按要求执行呢？您看到了红色的大警告框，但选择忽略它。为什么？将“显示”属性更改为“阻止”并将两个div浮动到左侧。@Paulie\u D您是对的。很抱歉，我还是个新手。谢谢你的建议！