css - 如何在 HTML 中将两个元素并排放置?

标签 css html video

我有一个名为的标签,中间有一个视频。视频占据了大约 65% 的屏幕。现在在剩下的空间里,我想放在一边,还在标签之内。我也希望旁边有一个边框(我知道该怎么做。)我的问题是我可以放在一边。这是我的基本格式: <section> <video> MY VID's info </video> <aside> my aside </aside> </section> 在我的 CSS 中,我有类似的东西: section video{ width: 65%; } section aside{width: 30%;}现在,当我运行这段代码时,我确实得到了一个视频和一个旁白,但它们并不相邻。视频在<section>面积和<aside>就在 <section> 之间和 <footer> .不在视频旁边。所以如果你运行代码,你会看到视频和它旁边的一个大而空的空间。然后 aside 将位于我之前描述的位置。任何人都可以指导我知道我应该如何编写代码以获得所需的结果吗?提前致谢!

最佳答案

将 float 属性添加到视频标签。给 float :左。这将帮助您实现您的目标。

关于css - 如何在 HTML 中将两个元素并排放置?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31253765/

相关文章:

CSS:可以做 position:fixed offset center div 吗?

javascript - 多元素轮播

html - 右侧带有菜单按钮的响应式中心 Logo

html - 垂直对齐两个相邻 tds 的文本

linux - 使用ffplay在特定窗口位置打开视频

c++ - 无法使用 openCv 从 D-Link DCS 932L 获取视频源

css - 是否可以使用 Cucumber + Capybara 修改样式?

css - 为什么我的 Bootstrap 4 cols flex-grow 没有对齐?

javascript - 如何在 ejs 中使用 if 语句?

html - 将 RTSP 流转换为 MP4