中心并固定到父母的底部

时间:2010-09-22 14:38:02

标签: html css html5 css3

嘿所有,关于CSS的快速问题。在my website上,如果导航栏居中,我会喜欢它,并固定在标题的底部(渐变的底部)。我无法弄清楚如何做到这一点。

该网站不支持IE ......但是。

2 个答案:

答案 0 :(得分:1)

将“标题”标记设为相对位置。然后将'nav'标记作为绝对位置,并对其执行'bottom:0'。全部在你的CSS中。它应该工作。 然后使用css中的“左”和“右”规则向左或向右移动。

像这样:

header {
position: relative;
zoom: 1; /*needed to clear float in IE*/
}

header:after {
clear: both;
display: block;
content: " ";
visibility: hidden;
height: 0;
}

nav {
position: absolute;
bottom: 0;
}

答案 1 :(得分:0)

尝试将标题设置为相对位置,并将导航设置为绝对值而不是相对值。