Ich erstelle eine Beispielwebsite mit drei horizontalen Partitionen. Ich möchte, dass die Partition ganz links 25 % breit ist, die mittlere Partition 50 % breit und die rechte Partition 25 % breit, sodass die Partitionen horizontal 100 % des Raums ausfüllen.
Webseitentitel linkes Menüzufälliger Inhaltrechtes Menü
https://i.stack.imgur.com/NZDJe.jpg
Wenn ich diesen Code ausführe, erscheinen die Divs überlappend. Ich möchte, dass sie nebeneinander erscheinen!
Was soll ich tun?
我知道这是一个非常老的问题。我在这里发布这个问题的解决方案，使用了FlexBox。下面是解决方案：
#container { height: 100%; width: 100%; display: flex; } #leftThing { width: 25%; background-color: blue; } #content { width: 50%; background-color: green; } #rightThing { width: 25%; background-color: yellow; }只需要在容器中添加
display:flex！不需要使用浮动。我建议不要使用浮动来处理这种情况，我更倾向于使用
inline-block。还有一些需要考虑的要点：
和doctype这是一个更好的格式化文档的方式：
这里还有一个jsFiddle供参考。