Question

我在显示一些信息的配置文件的左侧有一个小的“浮动”菜单类型的东西，它看起来不错，但是之前我使用了不同的PC并且它与主页体重叠（由于屏幕分辨率）。 / p>

所以这是最初的CSS（CSS3花哨的东西被删除了）：

position: absolute;
border: 1px solid #73a7f0;
width: 200px;
left:10px;
top: 160px;
padding: 5px 14px;
border-radius: 4px;

这就是我想要做的，改变的一行是：

width: 10%;

任何想法如何根据屏幕看起来一样？

谢谢！

Answer 1

如果容器有静态定位，

Diodeus'的回答是正确的。如果容器设置了宽度，甚至是宽度百分比，并且容器的位置不是static（默认值），则子容器将使用它作为百分比宽度的上下文。

Answer 2

绝对定位的元素不再是布局的一部分。为块元素指定宽度时，宽度相对于其容器 。如果没有固定大小的容器，百分比实际上没有浏览器窗口以外的大小上下文，这是可变的。

在这种情况下，您需要使用宽度（以像素为单位）。