我正在一个网站上工作，并愿意实现以下布局。如果您能指导我找到有效的解决方案，我将不胜感激。
在页面的标题中有：
左侧的徽标（<a>标记）<aside>中的2个小部件（<div>标记）
我需要这2个小部件占用所有剩余的宽度（除徽标宽度外，全部为100％）。
我该如何使用CSS？如果没有修改HTML就无法做到这一点，那么您建议更改什么（以及如何更改）？响应性不是优先级＃1，但是网页本身是响应性的。
我了解有很多可能的解决方案，但是请不要建议使用表的JavaScript解决方案或HTML更改。
同时，我将尝试准备一个代码段，以免造成误解。
最佳答案
这是您的操作方式：
给出header overflow:hidden以便其高度将包裹浮动元素（或者您可以使用clearfix）
使header的padding-left宽度与徽标相同。使
带有float:left负号的徽标margin-left与
商标。这会将padding-left的header填充为
商标。
使header具有与第二个相同的宽度padding-right。将第二个<aside> <aside>设为负数float:right与第二个margin-right的宽度相同。这将填补<aside>的padding-right和第二个header。
最后，给出第一个<aside> <aside>和float:left。繁荣-完成！
jsfiddle demo
关于html - 使<aside>元素填充父容器的100％宽度，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/24439301/