div伸展到指定的宽度

-1

我试图创建一个2页的列，但我的div不伸展到我指定的宽度，我不明白为什么。我已经链接了我的代码jsfiddle。div伸展到指定的宽度

代码在这里：

.container{ 
 
\t width: 960px; 
 
\t background-color: grey; 
 
\t margin: 0px auto 0px auto; 
 
} 
 

 
.column1{ 
 
\t background-color: red; 
 
\t display: inline; 
 
\t width: 480px; 
 
} 
 

 
.column2{ 
 
    width: 480px; 
 
\t background-color: yellow; 
 
\t display: inline; 
 

 
}

<body> 
 
    <div class="container"> 
 
    \t <div class="column1">a</div> 
 
    <div class="column2">b</div> 
 
    </div> 
 
    </body>

来源

2016-09-28 user6004404

尝试inline-block的，而不是内联 –

而不是试图回避张贴在你的问题中的代码示例**的SO规则**通过突出显示作为代码的词语，为什么不按照你的要求去做？您看到了大红色的警告框，但选择忽略它。为什么？ – j08691

更改显示属性以阻止并将两个div都浮动到左侧..https：//jsfiddle.net/atsnoe7z/4/ –

我假设你想创建一个被放置在页面的左侧和右侧2个<div>元素？如果是的话，这应该解决您的问题：

.container{ 
 
    width: 960px; 
 
    background-color: grey; 
 
    margin: 0px auto 0px auto; 
 
} 
 

 
.column1{ 
 
    width: 50%; 
 
    background-color: red; 
 
    float: left; 
 
} 
 

 
.column2{ 
 
    width: 50%; 
 
    background-color: yellow; 
 
    float: left; 
 
}

<body> 
 
    <div class="container"> 
 
    <div class="column1">a</div> 
 
    <div class="column2">b</div> 
 
    </div> 
 
</body>

来源

2016-09-28 13:57:12 Roy123

div伸展到指定的宽度

回答

相关问题