慕神1851049
2016-06-22 19:56
price显示不出来
price设置成float:right,前面不是overflow:hidden了吗?
<div class="index-menu">
<div class="public-container menu-title">The menu</div>
<div class="public-container menu-list">
<ul class="clearfloat">
<li class="menu-item clearfloat">
<div class="title">
<h4>Voluptate cillum fugiat</h4>
<p class="comment">Cheese, tomato, mushrooms, onions.</p>
</div>
<div class="line"></div>
<div class="price">$50</div>
</li>
.menu-list{
overflow:hidden;
margin-top:81px;
}
.menu-list ul{
width:1160px;
}
.menu-item{
float:left;
width:520px;
margin-left:60px;
margin-bottom:61px;
}
.title,.line{
float:left;
}
.title{
width:230px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.comment{
color:#b7b7b7;
margin-top:10px;
}
.price{
float:right;
}
把代码都发上来吧
从 psd 到 html
105471 学习 · 410 问题
相似问题