html - 具有%宽度div的固定宽度div?

标签 html css

是否可以使用固定宽度的 div 和扩展的 div?像这样的东西:

<div style="float:left; width:200px">
</div>

<div style="float:left; width:100%"> // expand please
</div>

<div style="position:fixed; width:320px">
</div>

我希望中间的 div 只扩展宽度并占据左右 div 位置后剩下的任何内容。如果我给他们每个人一个百分比的宽度,它工作正常,但是当对某些人使用固定宽度时,当浏览器框架变小等时,他们开始重叠,

谢谢

最佳答案

怎么样:

<html>
  <body>
    <div style="float:left;width:200px;background:red">&nbsp;
    </div>

    <div style="float:right; width:320px;background:blue">&nbsp;
    </div>

    <div style="background:black">&nbsp;
    </div>
  </body>
</html>

关于html - 具有%宽度div的固定宽度div?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3331670/

相关文章:

javascript - 如何提取 HTML 文档中的 javascript 链接?

php - 搜索按钮和文本框的CSS

html - 悬停在 div 上时闪烁

css - 是否有CSS父选择器?

html - DIV 100% 在 DIV 内,保持页脚粘性

css - 如何在 div 内设置边框

asp.net - 调用 window.open 打开一个窗口,但随后它突然最小化

javascript - 无法在 React.js 中为按钮切换类

javascript - 环境/设置 - JavaScript slider - "Cannot set property ' className' of undefined"

jquery - 如何根据jquery中的选项创建按钮