css里,怎样使多个div元素并列一行?
1个回答
展开全部
使多个div并列一行的方法是将div的css样式设知定为浮动方式:float:left;或者是设定为inline-block行内块元道素【ie6下设置为inline行内元素已保证兼容性】。版
前提是几个div宽度总和不能超出父元素的宽度。
<div
class="d1
clearfix">
<div
class="d1-1"></div>
<div
class="d1-2"></div>
<div
class="d1-3"></div>
</div>
css:
.d1{
width:1200px;
margin:0
auto;
overflow:hidden;}
.d1
div{
float:left;/*将块元素div设定权为左浮动*//*display:inline-block;
_display:inline;*/
width:400px;
height:150px;
background:#ccc;}
前提是几个div宽度总和不能超出父元素的宽度。
<div
class="d1
clearfix">
<div
class="d1-1"></div>
<div
class="d1-2"></div>
<div
class="d1-3"></div>
</div>
css:
.d1{
width:1200px;
margin:0
auto;
overflow:hidden;}
.d1
div{
float:left;/*将块元素div设定权为左浮动*//*display:inline-block;
_display:inline;*/
width:400px;
height:150px;
background:#ccc;}
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询
广告 您可能关注的内容 |