浮动元素的宽度影响其他元素的居中

Question

大家好， 所以我有这个问题。我有标题，里面有徽标和带按钮的包装。我已经使用margin：0自动；到带有按钮的中心包装器，然后使用flex到包装器内部的中心按钮，但是现在当我更改徽标宽度（宽度，字体大小，填充等）时，它实际上是将带有按钮的包装器移到标题中心之外。如何使包装器始终位于标题的中心并忽略徽标的宽度？

这是我的意思： Centering is relative to (width of header)-(width of logo) not just width of header

这是我的小提琴：https://jsfiddle.net/zgf0xajq/1/

import urllib2
urllib2.urlopen('http://www.google.com')

Answer 1

您可以尝试close。但是，当然，这仅在左侧有足够空间容纳徽标时才有效。否则#buttonWrapper和#logo将会重叠