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