html - 如何并排 float 超出页面大小的元素?

标签 html css

我遇到了一个奇怪的情况,我需要 float 两个元素。第一个很小,大约 250px。第二个很大(800px),创建水平滚动条。我想 float 这两个元素,使它们并排放置,但第二个被推到自己的行?

当两个元素占用的空间超过页面时,是否可以并排 float ?我无法更改页面大小或任何内容。我只想知道这是否可能以及如何实现。

谢谢

最佳答案

您可以在 1050 像素宽的框内 float 250 像素和 800 像素的 div。

<div style="width:1050px;">
    <div style="width:250px;float:left">left</div>
    <div style="width:800px;float:left">right</div>
</div>

关于html - 如何并排 float 超出页面大小的元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5395690/

相关文章:

android - Android 上的背景颜色选择(下拉)(opera、chrome)

javascript - 在选择类上使用 jQuery 不是所有具有相同类的 div

php - 如何使用 session 设置计数器 View ?

html - 我如何将我的视频对齐到左上角,是什么在视频上方和下方创建了这些间距?

javascript - 在移动浏览器上同时播放多个一次性音效?

javascript - 选中两个复选框时启用输入提交按钮

javascript - CSS Accordion -> 添加 jquery 以将 "hover"更改为切换但 JS 未注册?

css - HTML5 获取缩放的 Canvas 大小

html - 删除换行符 HTML

html - 如何使用 <table>、<tr>、<td> 和 <div> 标签制作此表格?