Html 固定大小的div？

我想要一个普通的div作为我文本的主体，还有一堆小div，它们正好是150px乘以150px。我该怎么做？

.myDiv{height:150px；width 150px；}
.myDiv { height: 150px; width 150px; }

<div class="mainDiv">
   <div class="myDiv"></div>
   <div class="myDiv"></div>
   <div class="myDiv"></div>
</div>

您可以使用

css

设置

div的
高度和
宽度

<style type="text/css">
.box {
     height: 150px;
     width: 150px;
}
</style> 


.盒子{
高度：150像素；
宽度：150px；
}

这就是你想要的吗？
这是一个相当微不足道的效果。实现这一点的一种方法是简单地将浮动的
div
元素放置在公共父容器中，并设置它们的宽度和高度。为了清除浮动元素，我们设置父元素的
overflow
属性


做
射线
我
fa
所以
洛杉矶
te
做

CSS类似于上面第一段中概述的策略：

.container{
宽度：450px；
溢出：自动；
}
.立方体{
浮动：左；
宽度：150px；
高度：150像素；
}

您可以在此处看到最终结果：

支持伪元素的浏览器提供了另一种清除方法：

.container:：after{
内容：“；
明确：两者皆有；
显示：块；
}

您可以在此处看到结果：

我希望这会有所帮助。
您也可以在html代码中的维度中硬编码，而不是将所需的维度放入样式表中

<div id="normal>text..</div>
<div id="small1" class="smallDiv"></div>
<div id="small2" class="smallDiv"></div>
<div id="small3" class="smallDiv"></div>

<div id="mainDiv">
    <div id="mydiv" style="height:150px; width:150px;">
    </div>
</div>

作为对乔纳森·桑普森的回复，这是最好的方法，无需清算div：

.container { width:450px; overflow:hidden }
.cube { width:150px; height:150px; float:left }

<div class="container">
    <div class="cube"></div>
    <div class="cube"></div>
    <div class="cube"></div>
    <div class="cube"></div>
    <div class="cube"></div>
    <div class="cube"></div>
    <div class="cube"></div>
    <div class="cube"></div>
    <div class="cube"></div>
</div>

.container{宽度：450px；溢出：隐藏}
.cube{宽度：150px；高度：150px；浮点：左}
如果他问这个问题，他可能需要更多的细节。你可以用HTML中的
来做（不推荐），或者按照Jason说的做，但是你必须给你的div一个类，就像
…我在回答OP提出的问题。哈哈，是的，Jason回答了，我只需要知道身高是否存在，是否适用于div…那么你为什么不选择我的答案作为回答你问题的答案呢？甚至投票支持？哈哈…？答案很简单，我认为你的问题还有很多。你到底试过什么？你到底有什么问题？你想把它们都放在左边吗？好了，现在。眼睛出血少？：）不，更糟！任何时候你使用一个清除元素，它都是可怕的代码膨胀。学习如何清除浮动！哦，天哪。。。这几乎算不上“代码膨胀”。你现在只是在装腔作势；）不，我是认真的。。这是我最讨厌的开发者之一。如果更改样式表并且“多维数据集”不再浮动，会发生什么情况？现在你有了一个随机的“清除”div，它什么都不做。这与创建一个名为“redLeftColumn”的div类相同，您不需要额外的div和class clear。这是一个不需要的额外标记，您正在添加它。您可以执行以下操作：：before，：after{-webkit-box-size:border-box；-moz-box-size:border-box；box-size:border-box；}.container:after、.container:before{content:”；display:table；}.container:after{clear:tware；}以下是示例代码：并不意味着它不起作用。如果你是一个完全的新手（因为这个问题似乎对css没有任何知识，他们可能是），这是一个可行的临时选择，而只是学习html。如果你想自定义一个类中的div，但不想影响该类中的其他div，这也是一个方便的策略。从某种程度上说，定制一个已分类的div的最好方法可能是在类中添加一个id：这样你可以在id中指定你想要的定制，而这将超越你不想从类中得到的东西。如果你不了解css，硬编码会很好。顺便说一句，你不需要做style=”“
.container { width:450px; overflow:hidden }
.cube { width:150px; height:150px; float:left }

<div class="container">
    <div class="cube"></div>
    <div class="cube"></div>
    <div class="cube"></div>
    <div class="cube"></div>
    <div class="cube"></div>
    <div class="cube"></div>
    <div class="cube"></div>
    <div class="cube"></div>
    <div class="cube"></div>
</div>