html - css - 并排制作两个 <section> 标签

标签 html css sections

我目前的代码是这样的:

<section><iframe id="frame1" width="675" height="380" src="http://www.youtube.com/embed/hmAFhsxWhdY" frameborder="0" allowfullscreen></iframe></section>
<section><textarea rows="24" cols="25" id="desc" width="200" height="478">Text here</textarea></section>

我的作业要求我在 iframe 和 textarea 上都使用 section 标签,但我需要它们并排排列。当我把它们的部分标签拿走时,它们排列得很好,但我需要保留部分标签。我如何让它像 2 列一样排列但仍然保留标签?

最佳答案

使用CSS stylescss selectors看看float .

快速而肮脏的修复:

<section style="float:left; width:675px;"><iframe id="frame1" width="675" height="380" src="http://www.youtube.com/embed/hmAFhsxWhdY" frameborder="0" allowfullscreen></iframe></section>
<section style="float:left; width:200px;"><textarea rows="24" cols="25" id="desc" width="200" height="478">Text here</textarea></section>

关于html - css - 并排制作两个 <section> 标签,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16351985/

相关文章:

javascript - 无法读取未定义的属性 'className'

c++ - GCC 部分属性在模板化函数中被忽略

html - cite 属性有什么用?

java - LayoutInflater wordSpan

html - 背景图片的正确礼仪

jquery - Css 和 Jquery 在对话框中无法正常工作

html - 没有嵌套 div 的 CSS 表格?

navbar - 路口观察器 - 突出显示当前部分

swift - 如何用 2 个部分填充 UITableView

javascript - 使用 Medium Story API 在 Next.js 中上游图像响应失败