不能让div离开其他div

-2

所以即时通讯有点麻烦让这个div在另一个div旁边。不能让div离开其他div

由于这是基纳很难直接问起我做了一个简短的视频解释这个问题，所以你们可以看到即时通讯谈论什么。我认为它是一个简单的解决方案，只是缺少简单的东西我是一个相当新的编码器，所以如果你们可以帮助我，那真是太棒了！谢谢！下面我有链接到视频，代码和网站的图片，只是在任何方面帮助它。谢谢！！！

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问题：当您按下播放按钮时，视频不会播放。如果你发现有什么问题，如果你让我知道，将不胜感激。谢谢！

**编辑：解决方案可能不像一个浮动的地方那么简单，我可能需要在很多地方填充。

**我知道我应该在这里粘贴代码，它的工作

来源

2017-03-09 Warren Breedlove

在此处发布您的代码，而不是在外部链接。 – Barmar

您可以在这里使用[Stack Snippets]制作可执行示例（https://stackoverflow.blog/2014/09/introducing-runnable-javascript-css-and-html-code-snippets/） – Barmar

您需要解释问题这里，不是在视频中。 – Barmar

如果你正面临问题，并排将两个格的一面，那么你可以申请风格，“浮动：左”与“宽沿： 50％“。

来源

2017-03-09 01:33:32 jatingoel1349

主要问题是您在#infotwo的子元素中有很多设置宽度和高度。

为了解决这不是很顺利，添加以下代码：

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

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

这将填补1,024像素宽度。解决此问题的更好方法是在#infotwo中不使用固定宽度或高度。

JSfiddle

来源

2017-03-09 01:43:40

好的，在不久的将来可能会返回并清理它。当我这样做，并在你的小提琴，它推动球员和脚注的方式向右？什么是最好的方法来回到它所属的位置 –

这是因为显示结果的帧不是1080px。 –

不能让div离开其他div

回答

相关问题