css - 定义 div 框（底部）的高度与不同的分辨率

Question

我在为滑块设置适当的文本时遇到问题。我希望文本出现在页面的右下角。唯一的问题是不同的分辨率（平板电脑、笔记本电脑、24 英寸显示器）。

测试页面：http ://tinyurl.com/d825kuv

代码：

div {
 position:relative; 
 float:right; 
 vertical-align: bottom;
}

Answer 1

要将元素移动到 a 的底部<div>，将 parent<div>的位置设置为 relative: position:relative，那么<div>您想要放置在底部的应该有 CSS

div {
 position: absolute;
 bottom: 0;
 right:0;
}

然后只需调整像素值以适合您的布局。

Answer 2

做：

position:absolute;
right:0px;
bottom:0px;

这将确保有问题的元素在父元素中尽可能靠右，并且尽可能靠下。当然，如果您想从右侧/底部填充它，只需将像素提升一个档次。请注意， position:absolute 仅在父位置未设置为默认值时才有效。如果有疑问，请给您的父母以下风格：

position:relative;