Question

这是我的第一个HTML / CSS项目。我正在尝试重新构建Google的主页。我无法弄清楚如何让页脚上的右侧文本（隐私和条款设置）正确分隔并且不重叠。项目代码可在https://github.com/msarnicki/google-homepage

的Github上查看

可以在此处预览页面：http://htmlpreview.github.io/?https://github.com/msarnicki/google-homepage/blob/master/index.html

我很感激任何提示，建议或链接到我似乎错过的相关帖子。感谢。

Answer 1

我做了一个可以帮助你的小提琴手。 http://jsfiddle.net/ZH55A/1/ 我认为你遇到的最大问题是这两个列表扩展了页脚的整个宽度。我更改了列表的显示并浮动#right列表而不是列表项。

以下是我所做的更改。

#left {
    display: inline-block;    
}

#right {
    float:right;
    display: inline-block;  
}

#right li {
    display: inline;
    text-align:right; 
    z-index: 99;
    margin-right:20px;
}

#left li {
    text-align:left;   
    display:inline; 
    margin-right:20px;
}

文本重叠在网站css / html格式的页脚

1 个答案: