尽管屏幕尺寸如何，我如何保持元素对齐？

Question

我对编程很新，只是想知道无论用户的屏幕大小如何，我都可以保留元素。更具体地说，当用户改变屏幕宽度时，如何保持顶部对齐的列表不会推到下一行。我已经找了一会儿答案，但却找不到任何东西;可能是我只是不知道要搜索什么。 这是我的列表CSS部分的代码：

li {
display: inline-block;
text-decoration: none;
margin: 2px 4px 3px 4px;
list-style-type: none;
float: left;
display: table-cell;
display: fixed;
background-color: 362C24;

}

Answer 1

你可以使用静态定位（http://www.w3schools.com/css/css_positioning.asp），但我不认为你在为响应式设计编程时想要做什么。您可以使用弹性框（https://css-tricks.com/snippets/css/a-guide-to-flexbox/），但如果没有空间可以进行相应的定位。每个人都在寻找不同大小的屏幕，你想要容纳每个人。在绝对位置修复东西可能适用于桌面，但是由于视口大小范围很广，我不推荐它。