用百分比来做，比如html如下
<div class="demo"><div class="box">1</div>
<div class="box">2</div>
<div class="box">3</div>
</div>
css如下
.demo{width: 1000pxheight: 300px}.box{width: 100%height: 33.3%}
效果就是demo被box均分为3个宽1000高100的三个块，当然，3个33.3%是不能完全达到百分百，但在显示界面基本看不出什么了
不是很明白你的意思，是不是比如把界面分为4列的意思？如果是，设置float:leftwidth:25%这样就可以了~注意设置宽度为百分比~
如果不是，请重新描述清楚~
平均分布，也跟margin没什么关系啊，它只是一个外边距而已。
你说的平均匀分布，不知道是不是，容器里几个宽度平均分？
如果是你可以用box-flex来实现。
<style>div
{
display:-moz-box /* Firefox */
display:-webkit-box /* Safari and Chrome */
display:box
width:300px
border:1px solid black
}
p
{
-moz-box-flex:1.0 /* Firefox */
-webkit-box-flex:1.0 /* Safari and Chrome */
box-flex:1.0
border:1px solid red
}
</style>
</head>
<body>
<div>
<p>Hello</p>
<p>你好</p>
</div>
box-flex：元素的可伸缩行。柔性是相对的，例如 box-flex 为 2 的子元素两倍于 box-flex 为 1 的子元素。
