中的 Flexbox 行为元素 尽管尝试将弹性框样式应用于 ,但元素,不同浏览器的行为仍然不一致。在 Firefox 和 Chrome 中, 都适用。当分配了 Flexbox 显示属性(例如,display: flex)时,其行为与其他块级元素不同。子级不是水平对齐,而是垂直堆叠,类似于内联级别元素。有趣的是,Internet Explorer 对 表现出正常的弹性盒行为。此行为不被视为错误。根据 Bug 984869,按钮元素由于其固有的复杂性而在浏览器中以不同的方式实现,这使得 CSS 实现受到限制。在 中观察到类似的行为。 但是,Firefox 46 通过为 实现 Flexbox 解决了这个问题。这意味着最新版本的 Firefox 渲染 。具有预期弹性盒行为的元素。对于较旧的浏览器或需要一致的跨浏览器兼容性的场景,建议使用包装元素,例如 。在 内实现所需的弹性盒布局。