Javascript Can'；我不能让迪夫和其他迪夫在一起

所以我很难让这个部门和另一个部门相邻

因为这是一个很难直接问的问题，我制作了一个简短的视频来解释这个问题，这样你们就可以看到我在说什么。我认为这是一个简单的解决办法，我只是错过了一些简单的东西。我是一个新的程序员，所以如果你们能帮我，那就太棒了！非常感谢。下面我有视频链接、代码和网站图片，以备不时之需。谢谢

VIDEO:https://youtu.be/rAYbNX8mYFI
HTML: http://pastebin.com/5m32NDJk
CSS: http://pastebin.com/tsVFaPux
IMAGE: http://imgur.com/a/iRWqO

#infosection{
width: 1024px;
height: 285px;
margin: auto;
display: block;
}

#title{
font-family: effra;
font-weight: normal;
font-size: 12px;
color: #ffa200;
float: left;
padding-left: 50px;
padding-top: 50px;
clear: both;
}

#name{
font-family: effra;
font-weight: bold;
color: #dfdfdf;
font-size: 30px;
padding-left: 50px;
padding-top: 30px;
float: left;
clear: both;

}

#info{
font-family: effra;
font-weight: normal;
font-size: 14px;
line-height: 20px;
color: black;
float: left;
padding-top: 25px;
padding-left: 50px;
width: 286px;
clear: both;
}


#name2{
font-family: effra;
font-weight: bold;
color: black;
font-size: 30px;
padding-left: 100px;
padding-top: 30px;
float: left;
clear: both;
}

#infotwo{
float: left;

}

#infoone{
float: left;
}


#info2{
font-family: effra;
font-weight: normal;
font-size: 14px;
line-height: 20px;
color: black;
float: left;
padding-top: 25px;
padding-left: 100px;
width: 552px;
clear: both;
float: left;


}




#togglediv1{
font-family: effra;
font-size: 18px;
font-weight: bold;
color:  ;
padding-top: 42px;
padding-left: 100px;
text-decoration: none;
float: left;
}

#togglediv2{
font-family: effra;
font-size: 18px;
font-weight: bold;
color: ;
padding-top: 42px;
padding-left: 100px;
text-decoration: none;
float: left;

}

#togglediv3{
font-family: effra;
font-size: 18px;
font-weight: bold;
color: ;
padding-top: 42px;
padding-left: 100px;
text-decoration: none;
float: left;

}



li {
  color: grey;
 font: effra;
 font-weight: bold;
 list-style-type: none;
  }

a:hover { 
color: #aaaaaa;
cursor: pointer;
}



.active, .active-start{
  color: orange;

}

.display{
  display: none;
}

 .display-start{
 display: block;
 }

 #text{
 display:block;
  }

Bonues问题：当你按下播放按钮时，视频不会播放。如果你发现有什么问题，如果你能告诉我，我将不胜感激。谢谢

**编辑：解决方案可能不像某个地方的浮点数那么简单，我可能在某个地方有很多填充

---

**我知道我应该在这里粘贴代码，然后继续工作

如果您在并排放置两个div时遇到问题，那么您可以为每个div应用带有“float:left”和“width:50%”的样式。

主要问题是在

\infotwo

的子元素中设置了太多的宽度和高度

若要很好地解决此问题，请添加以下代码：

#infoone {
  float: left;
  width: 33%;
}

#infotwo {
  float: left;
  width: 67%;
}

这将填充1024px的宽度。解决此问题的更好方法是不要在

#infotwo

中使用固定宽度或高度

---

在此处发布代码，而不是在外部链接中发布。您可以在此处制作一个可执行示例，使用您需要在此处解释的问题，而不是在视频中。创建两个主div，一个宽度为30%，另一个宽度为70%。使它们显示内联块。将这两个主div包装为一个具有全页面宽度的div。给他们一个边界，看看他们是否在一起。然后用你的内容填写它们。不要使用浮动。如果你使用float，它们下面的第三个div必须清晰：在cssOkay中，它们都可能在不久的将来返回并清理干净。当我这样做，在你的小提琴，它推球员和脚的方式向右方？什么是最好的方法让它回到原来的位置，因为结果显示的帧不是1080px。