为了账号安全,请及时绑定邮箱和手机立即绑定

为什么我这个不往右边挤了了呢

/ 猿问

为什么我这个不往右边挤了了呢

/* CSS Document */
body,div,dl,dt,dd,ul,li,ol,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,input,textarea{
	margin:0; 
	padding:0; 
	font-family:"Helvetica Neue", Helvetica, Arial,sans-serif;}

ol,ul,li{
	list-style:none;
}

a{
	text-decoration:none; 
	display:block; 
}

img{
	border:none;
	display:block;
}

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

.clearfloat{
	zoom:1;
}
.index-menu .menu-list{
margin-top:150px;
color:#555;
overflow:hidden;
}
.index-menu .menu-list ul{
widht:1160px;
}
.index-menu .menu-item{
float:left;
width:520px;
margin-right:60px;
margin-bottom:56px;
}
.index-menu .menu-item .title,.index-menu .menu-item .line{
float:left;
}
.index-menu .menu-item .price{
float:right;
}
.index-menu .menu-item .title{
width:230px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.index-menu .menu-item .comment{
margin-top:4px;
color:#b7b7b7;
font-size:12px;
}
.index-menu .menu-item .line{
margin-top:10px;
width:192px;
border-top:1px solid #e3e1e1;
}
        <div class="public-container menu-list">
        	<ul class="clearfloat">
        		<li class="menu-item clearfloat">
                	<a class="title">
                    	<h4>Voluptate cillum fugiat.</h4>
                        <p class="comment">Cheese, tomato, mushrooms, onions.</p>
                    </a>
                    <div class="line"></div>
                    <div class="price">$50</div>
                </li>
                
                <li class="menu-item clearfloat">
                	<a class="title">
                    	<h4>Voluptate cillum fugiat.</h4>
                        <p class="comment">Cheese, tomato, mushrooms, onions.</p>
                    </a>
                    <div class="line"></div>
                    <div class="price">$50</div>
                </li>
        	</ul>
         </div>

http://img.mukewang.com/596ca9ae0001370206780216.jpg


两个应该是一个左边一个右边,但是不是横排排列。

查看完整描述

5 回答

已采纳
?
李晓健
.index-menu .menu-list ul{
    /*widht:1160px; 这里单词写错了*/
    width: 1160px;
}

//img.mukewang.com/596de4120001767911600163.jpg


我这里是正常的,你用的什么浏览器?

查看完整回答
1 反对 回复 2017-07-18
?
人族码奴

如果你想让这两个menu-item并排需要考虑 两个元素的宽度 + 他们的margin-right 不大于父元素的宽度才行

查看完整回答
反对 回复 2017-07-18
?
mengniu

你说的是那根虚线么?

查看完整回答
反对 回复 2017-07-18
?
一只废喵

请说清楚 html代码也放上来比较好

查看完整回答
反对 回复 2017-07-18
?
李晓健

请把问题描述清楚

查看完整回答
反对 回复 2017-07-18
点击展开后面1

添加回答

回复

举报

0/150
提交
取消
意见反馈 邀请有奖 帮助中心 APP下载
官方微信