css - 为什么我的 div 是垂直显示的？

Question

我知道已经有很多关于这个的东西了，但是我已经浏览了这一切，我显然遗漏了一些东西，所以对我对此缺乏理解表示歉意..：

#mainContent {
    display: block;
    width: 960;
}

#aboutColumn1501 {
width: 150px;
display: inline;
float: left;
}

#aboutColumn3301 {
width: 330px;
display: inline;
float; left;
}

#aboutColumn1502 {
width: 150px;
display: inline;
float: left;
}

#aboutColumn3302 {
width: 330px;
display: inline;
float: left;
}

<html>
<body>
<div id="mainContent">
<div id="aboutColums1501">menu</div>
<div id="aboutColums1502">image</div>
<div id="aboutColumns3301"><h2>first column</h2><p>first column blurb</p></div>
<div id="aboutColumns3302"><h2>next column</h2><p>2nd column BLURB</p></div>
</div><!-- end of #mainContent -->
<div style="clear:both"></div>
</body>
</html>

score 3 · Accepted Answer

您的 HTML 和 CSS 中有拼写错误。

后的分号float：

#aboutColumn3301 {
  width: 330px;
  display: inline;
  float; left;
}

ID 不一样：

<div id="aboutColums1501">
<div id="aboutColums1502">
<div id="aboutColumns3301">
<div id="aboutColumns3302">

#aboutColumn1501 {
#aboutColumn3301 {
#aboutColumn1502 {
#aboutColumn3302 {

css - 为什么我的 div 是垂直显示的？

1 回答 1

Related