这是我的jsFiddle。尽管我正在应用这条规则
#login {
float: right;
}
表单将保留在Leaderboard链接旁边。在移动设备中，这不是问题，因为所有内容都将显示在一列fahsion中，但在桌面中我希望徽标位于最左侧位置，文本框和排行榜位于中心位置并且登录到最右边的位置。
我错过了什么？
请注意，对于实际徽标，一切都很好（关于徽标），因此请忽略链接徽标在示例中的丑陋效果。
答案 0 :(得分：1)
您在父div [{1}}中使用display: flex。 Float对弹性项目没有影响。
答案 1 :(得分：1)
显示flex应用于父元素（ui-block-solo）。最好不要同时使用display flex，float alignment和absolute absolute。
如果您选择保持展示柔性，可以使用柔性对齐 - 您可以在此处阅读更多https://css-tricks.com/snippets/css/a-guide-to-flexbox/。
如果存在浮动对齐并且位置绝对，则将应用位置绝对值。此外，如果您更喜欢浮动对齐或绝对位置，则应对移动设备使用媒体查询。
答案 2 :(得分：0)
尝试使用Bootstrap的网格系统来定位元素。 http://www.w3schools.com/bootstrap/bootstrap_grid_system.asp
例如，你可以这样： http://www.codeply.com/go/UVfJSRytc2
FYI Bootstrap的网格系统非常易于使用，它可以节省您使用纯CSS的大量时间。使用网格，您实际上可以按行和列分割屏幕，您可以轻松地将元素放在任何位置。我建议你看看它以备将来参考：）