我正在尝试设置一个页面,其中我有看起来像这样的文本
Team Name My Team Name +-------------+
Division Team Division| |
Current Ranking 5| Team Logo |
Event Event name and date| Here |
Event Wins : 5 Event Scored : 16 Event Conceded : 13| |
Match 1 Team 1 - team 1 score team 2 score - Team 2| |
Match 2 Team 1 - team 1 score team 2 score - Team 2+-------------+
Etc
但我最终得到的是这个
Team Name event wins : 5 My Team Name +-------------+
Division event scored : 16 Team Division| |
Current Ranking Event event 5| Team Logo |
conceded : 3 Event name and date| Here |
| |
+-------------+
Etc
我已经尝试在各种元素上使用各种浮动/清除组合,但我很难知道我哪里出错了,所以有人可以就我的 html/css 有什么问题提出建议,更重要的是,为什么它是错误的,所以我可以更全面地了解浮动等,以防止将来出现这些问题。谢谢
这是jsfiddle链接
和全屏结果