CSS - Floating two elements side by side
这段对话与我想要实现的目标类似。我有一个基于 % 的布局，并且有一个问题，即菜单会与内容混合在一起，或者当页面缩小或在手机上查看时，内容会落在菜单下方。我已经在这上面花了几个小时，但无法弄清楚我做错了什么。
问题 child :https://www.tendercare-inc.com/new/
更新: 我最重要的事情是获得与 Word Press 配合良好的东西，因为它使用非常笨拙的控件和元素名称。我尝试从 _Underscores 开始，但它似乎没有我想象的那么有用。
最佳答案
基本问题是您正在为某些元素指定基于百分比的布局，例如 menu-sidebar 和 main-content 但您并不一致。菜单的 min-width 为 200px。当 200px 大于 15% 时，你希望发生什么？在菜单中，您还可以指定具有精确像素宽度的元素——各种 cssmenu maker 元素。
网站非常简单——基本上就是页眉、页脚、侧边菜单和正文。然而，您有两个样式表 - 一个超过 800 行 - 和一个结构 site-content 包含 content-area 包含 site-main 包含内容容器。难怪它会让你悲伤。我的建议是从一个简单的 css 框架重新开始(比如上面@jaun 提到的 bootstrap。保持 html 的结构尽可能简单，避免使用菜单之类的东西进行复制粘贴设计。也不要尝试看看是什么错了，描述你想要在各种屏幕尺寸下的行为并实现它。
关于html - 并排对齐两个元素并强制它们保持水平，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/25148065/