我的菜单部分也被遮住了而且footer部分顶不下去

cleatfloat是清除浮动，如果你menu-item里面的元素有float:left或float:right，而不清除浮动的话menu-item就会没有高度

链接：https://pan.baidu.com/s/1R5m8iq87VyuA7k7kCkftBA 

提取码：mchm 

复制这段内容后打开百度网盘可保存，我下载好的。

.index-menu .menu-list ul{

width: 1160px;

}

.index-menu .menu-item .title, 还有.line .price 都是需要float的哦。 title 和line 左浮动 price右浮动

很简单啊老哥，你的a标签是块级元素

发了，查收

border-bottom: 10px solid #fff;

应该改成与背景色一样

发给你了，记得采纳一下

a标签得加上display: block;

给<li>一个width，再给一个float: left;

还有你CSS里的menu-list在你的HTML里都没有看到。

贴了代码，你看一下，不知道你是要这个效果吗？(。＾▽＾)

<div class="menu-list">
	<ul>
            <li>
                <div class="menu-title">
                    <h4>Voluptate cillum fugiat.</h4>
                    <p>Cheese, tomato, mushrooms, onions.</p>
                </div>
                <div class="line"></div>
                <div class="price">$50</div>
            </li>
            <li>
                <div class="menu-title">
                    <h4>Voluptate cillum fugiat.</h4>
                    <p>Cheese, tomato, mushrooms, onions.</p>
                </div>
                <div class="line"></div>
                <div class="price">$50</div>
            </li>
            <li>
                <div class="menu-title">
                    <h4>Voluptate cillum fugiat.</h4>
                    <p>Cheese, tomato, mushrooms, onions.</p>
                </div>
                <div class="line"></div>
                <div class="price">$50</div>
            </li>
	</ul>
</div>

.menu-list{
    width:1100px;
    margin:0 auto;
    }

.menu-list li{
    float: left;
    width: 520px;
    margin-bottom: 64px;
    }

跟你一个问题 不知道解决了吗

sublime，按ctrl+E 就ok，当然按你也可以换个编辑器，比如webstrom 快捷键tab，

只是list-style样式为none

background-color:是背景色，background-image:是加背景图片，color是为字体加颜色，但就是不知道你说的颜色不显示是指哪一方面

还是对大标签div设置宽高

IE6/7只能通过触发hasLayout属性来实现清除浮动、避免容器高度崩塌，而通过zoom:1可以触发hasLayout。

这个是IE老版本浏览器本身的问题。

.fix { zoom: 1; }

现代浏览器则可以用

.clearfix:after {
    content: '.';
    display: block;                                        
    height: 0;
    visibility: hidden;
    clear: both;
 }

What is haslayout?

https://stackoverflow.com/questions/1794350/what-is-haslayoutzoom及IE的hasLayout

zoom及IE的hasLayout

http://www.imooc.com/qadetail/226019

原理很简单：

.test {
    width: 100px;
    height: 100px;
    border-top: 50px solid orange;
    border-left: 50px solid gray;
    border-right: 50px solid gray;
    border-bottom: 50px solid red;
}

观察以上代码，然后将宽和高逐步设置成0就会出现有个对角线的矩形；

然后根据需要，分别设置border的transparent值，即可得到相应的三角形

html里根本没有index-menu ,menu-tips这两个类，但效果实现了（虽然不居中），估计代码粘贴错了。

菜单中各个菜的上下间距是56像素，像这个，不过有点不准，我的是60像素

嗯嗯，是在找PS的

不知道！

试试让你的footer的bottom设置为0

看这个样子应该是footer的css文件不见了

是的   我也解压出错

难道是经验～一眼就看出来

因为老师命名了一个clearfloat的css样式，专门清除浮动，可能是经常使用便于添加吧。。