垂直放置的div而不是水平放置的php css3

我的平台div（根据数据库中的行，有几个正方形）内有3个子div，它们垂直放置在包装div内，而不是水平放置。我为platformdiv及其3个孩子将'-webkit-box-orient'设置为水平，但我没有让它工作。谢谢你的提示！爱好

<div id="wrapper">


<?php
$platforms = get_platforms();

foreach ($platforms as $platform)
{
echo 
'<div class="platform">
    <div class="platform_left"></div>
        <div class="platform_middle"></div>
        <div class="platform_right"></div>
    </div>';
}
?>

</div>

//And here is the css:


#wrapper{
max-width: 960px;
margin: 180px 0px;
border: 1px solid black;
background:-webkit-radial-gradient(top,#99CCFF,#E6F0FF);
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-box-flex: 1;
background:-moz-radial-gradient(top,#99CCFF,#E6F0FF);
display: -moz-box;
-moz-box-orient: vertical;
-moz-box-flex: 1;
}

.platform{
border: 1px solid blue;
margin: 30px 30px 0px 30px;
width: 435px;
height: 180px;
background: #99CCFF;
-webkit-border-radius: 5px;
-webkit-box-shadow: rgba(110, 110, 100, .7) 8px 8px 8px;
-moz-border-radius: 5px;
-moz-box-shadow: rgba(110, 110, 100, .7) 8px 8px 8px;
display: -webkit-box;
display: -moz-box;
}   

//下面是css：
#包装纸{
最大宽度：960像素；
利润率：180px 0px；
边框：1px纯黑；
背景：-webkit径向梯度（顶部，#99CCFF，#E6F0FF）；
显示：-网络工具包盒；
-网络工具包盒方向：垂直；
-webkit-box-flex:1；
背景：-莫兹径向梯度（顶部，#99CCFF，#E6F0FF）；
显示器：-moz盒；
-莫兹盒方向：垂直；
-moz-box-flex:1；
}
.站台{
边框：1px纯蓝色；
利润率：30px 30px 0px 30px；
宽度：435px；
高度：180像素；
背景:#99CCFF；
-webkit边界半径：5px；
-网络工具包盒阴影：rgba（110、110、100、.7）8px 8px 8px；
-moz边界半径：5px；
-moz盒阴影：rgba（110110100.7）8px 8px 8px；
显示：-网络工具包盒；
显示器：-moz盒；
}   

od div.platform内的div与其父（div.platform）具有相同的宽度

您必须将它们设置为

width:33%

（如果您想使用边框、边距和填充，则设置为更小），然后将

float

属性设置为left

不需要编辑PHP部件

W3c表示：

任何主要浏览器都不支持box orient属性

---

对不起，我的英语不好

如果你的数学是正确的，一定有别的干扰。您使用的是CMS还是其他可能有一些底层CSS的东西？有时，我发现不仅仅检查一个元素，而且在打开元素检查器的情况下将鼠标悬停在一个元素上（如果你不知道我在说什么，请确保你在Firefox中有Firebug之类的东西，或者右键单击元素在Chrome中检查它），这将显示元素的真实尺寸。还要看看“计算样式”

如果您看到了一个您不期望的宽度，请进一步查看页面并检查每个元素，直到找到一个具有意外宽度的元素

---

在使用底层框架设计站点主题时，我经常遇到这个问题。如果包装器中的数学是正确的，那么有东西正在压缩包装器div的维度。还要寻找排水沟-来自另一个样式表的意外填充或边距。

谢谢Mire，如果我设置浮动：left，它们都消失了。我需要每班至少45%的平台，这样所有的平台儿童都能适应，但仍然可以在一排中相邻放置两个平台。@Hobby99，希望我能理解你。。。您希望在一个分区中水平放置3个分区。这意味着您必须将每个子分区的宽度设置为最大33%。为什么？因为父div.platform的宽度为100%，所以100/3为33.3=>33%。不可能将3*45%放入100%。如果现在需要最小45%，则必须在div.platform元素上为width属性设置更大的值，但子元素的宽度必须最大为33%。对不起，我的英语错了，谢谢！我想要一排两个站台。2x45%=90%+总边距和填充10%=100%。我的问题是，即使在这些设置下，两个平台实际上会彼此相邻，但它们不会。它们是垂直的。如果我使用浮动：左-所有平台都不见了。@Hobby99，你有现场预览吗？嘿，米尔，现在我明白了！！我是个新手，花了点时间。非常感谢。