Html 不相邻的隔板

我正在制作一个网站，我一直在努力使两个或更多的

彼此相邻

这是我的密码：

/*---制作页面---*/
身体{
背景：浅蓝色；
}
navbar先生{
背景：浅绿色；
高度：自动；
宽度：1840px；
浮动：左；
利润率：20px；
左侧填充：10px；
}
.navbar_对象{
文字装饰：无；
浮动：左；
}
纳沃布先生{
文字装饰：无；
颜色：#3399FF；
浮动：左；
利润率：20px；
}
.navobj:悬停{
颜色：白色；
}
#第页的标题{
颜色：深蓝色；
利润率：20px；
左侧填充：880px；
}
.头衔{
垫面：1px；
高度：75px；
宽度：1850px；
背景：浅绿色；
利润率：20px；
}
#title_最近{
颜色：深蓝色；
利润率：20px；
左侧填充：300px；
垫底：20px；
}
梅因先生{
高度：2000px；
宽度：1810px；
背景：浅绿色；
填充：20px；
左侧填充：200px；
利润率：20px；
}
/*---结束---*/
/*----------------开始描述----------------*/
/*---启动FIFA说明---*/
#图像分区最近的fifa16{
边际：0px；
高度：235px；
宽度：250px；
浮动：左；
}
#文本分区最近的fifa16{
浮动：对；
字体大小：20px；
宽度：自动；
高度：自动；
}
/*---结束---*/
/*---开始NBA代码---*/
#图片(分区)(近期)(nba){
边际：0px；
高度：235px；
宽度：250px；
浮动：左；
}
#text\u div\u近期\u nba{
浮动：对；
字体大小：20px；
宽度：自动；
高度：自动；
}
/*---结束---*/
/*----------------邮政编码----------------*/
/*---启动国际足联邮政编码---*/
#后国际足联{
宽度：250px；
高度：450px；
填充：20px；
利润率：10px；
}
#后国际足联：悬停{
边框：纯黑1px；
}
/*---结束---*/
/*---开始NBA邮政编码---*/
#后nba{
宽度：250px；
浮动：向上；
高度：450px；
利润率：10px；
填充：20px；
}
#后nba：悬停{
边框：纯黑1px；
}

游戏之家












家
最近的


FIFA 16-FIFA 16是一款可在大多数游戏平台（Xbox one、PS4、PC、PS3、Xbox 360、Wii U）上使用的足球游戏。这是一个非常好的游戏，可以与朋友、家人或其他人一起玩。您可以在同一台主机上玩4人合作游戏。

FIFA 16-FIFA 16是一款可在大多数游戏平台（Xbox one、PS4、PC、PS3、Xbox 360、Wii U）上使用的足球游戏。这是一个非常好的游戏，可以与朋友、家人或其他人一起玩。您可以在同一台主机上玩4人合作游戏。

尝试将显示：内联块添加到元素：

#post_nba, #post_fifa {
  display: inline-block;
}

---

尝试将显示：内联块添加到元素：

#post_nba, #post_fifa {
  display: inline-block;
}

---

还有一个解决方案，浮动您的内容div：

#post_fifa,
#post_nba {
  float: left;
}

请更正导航栏，现在代码无效！您可以：

 <ul class="navbar_objects">
   <li><a class="navobj" href="index.html">Home</a></li>
   <li><a class="navobj" href="games.html">Games</a></li>
   <li><a class="navobj" href="reviews.html">Reviews</a></li>
   <li><a class="navobj" href="contactus.html">Contact Us</a></li>
 </ul>

---

还有一个解决方案，浮动您的内容div：

#post_fifa,
#post_nba {
  float: left;
}

请更正导航栏，现在代码无效！您可以：

 <ul class="navbar_objects">
   <li><a class="navobj" href="index.html">Home</a></li>
   <li><a class="navobj" href="games.html">Games</a></li>
   <li><a class="navobj" href="reviews.html">Reviews</a></li>
   <li><a class="navobj" href="contactus.html">Contact Us</a></li>
 </ul>

---

请添加一个提琴以快速解决您的HTML无效

li

必须是

ul

的子级。我建议你用一个

代替

@Bob Johnson，同时关闭所有

标签！在我的例子中，我关闭了them@bobjohnson，请将答案标记为正确答案，因为它对您有帮助。它可能会帮助将来遇到这个问题的其他人…请添加一个提琴来快速解决您的HTML无效

li

必须是

ul

的子级。我建议你用一个

代替

@Bob Johnson，同时关闭所有

标签！在我的例子中，我关闭了them@bobjohnson，请将答案标记为正确答案，因为它对您有帮助。它可能会帮助将来偶然发现这个问题的其他人…+1。您也可以尝试使用

div.posts>div{…}

来代替，以方便您不必指定#post id无需担心-请注意@Paulie_D关于您的一些代码格式所说的话，您的列表项没有包装在

ul

元素中，以便在浏览器上正确呈现。+1。您也可以尝试使用

div.posts>div{…}

来代替，以方便您不必指定#post id无需担心-请注意@Paulie_D所说的关于您的一些代码格式的内容，您的列表项没有包装在

ul

元素中以便在浏览器上正确呈现。