css把9个div排成3列，css如何让三个div并排

用css+div如何做出一个三行三列固定高度和宽度的页面?

1、一种是你没开始布局，那最简单了。。直接拉动就是，不过在属性里面要标好宽高 还有一种就是在已布局的方框内，拉出一个框后按住CTRL继续拉。。拉出9个就OK了 不早说用到样式 =。= 楼下的很详细 =。

2、左右固定宽度，用position属性， 中间自适应用margin属性 上右下左。上下为0 左边的距离等于左div的宽度，右边的距离等于右div的宽度。

3、你可以在div里面画table表格，表格优势就是对表格。可以来一个ul，li里面浮动。

4、CSS设置div边框颜色宽度和高度步骤如下：新建一个html文件，创建一个类名为wrap的div。先通过css类选择器选择到div来控制div的宽度和高度和背景颜色（没有边框时方便看出来div的大小）。

相关问答

Q1: 编写CSS+DIV代码完成三列固定宽度的网页结构布局

1、外面一个大框 大框上边和左边的线为1px黑色 大框里面写ulli三行三列共9个li紧密排列好。宽高都设定一样。一定和外大框配合好。每个li敲定属性为右边和下边1px黑色.只要你把握好比例就可以实现。

2、左右固定宽度，用position属性， 中间自适应用margin属性 上右下左。上下为0 左边的距离等于左div的宽度，右边的距离等于右div的宽度。

3、如，float：left；这样就可以在一行排列顺次排列。也可以对left盒子使用float：left；，右边的盒子使用float：right；2）最外边的div盒子的宽度要大于同列的3个盒子总宽度，如果小了，则会被挤下来，不是在一行中显示。

4、三列布局的话，设置宽度小于总宽的1/3，然后全部浮动左float：left；就可以了。

Q2: div+css中三列横向并排列的代码

三列布局的话，设置宽度小于总宽的1/3，然后全部浮动左float：left；就可以了。

如，float：left；这样就可以在一行排列顺次排列。也可以对left盒子使用float：left；，右边的盒子使用float：right；2）最外边的div盒子的宽度要大于同列的3个盒子总宽度，如果小了，则会被挤下来，不是在一行中显示。

新建html文档。书写hmtl代码。 ！-- 横向排列 -- ， div id=nav，div id=box11/div，div id=box22/div，div id=box33/div，/div。初始化css代码。

Q3: 有关网页制作.如何用DIV布局,做出三行三列?不用表格.

1、外面一个大框 大框上边和左边的线为1px黑色 大框里面写ulli三行三列共9个li紧密排列好。宽高都设定一样。一定和外大框配合好。每个li敲定属性为右边和下边1px黑色.只要你把握好比例就可以实现。

2、你的.main样式没添加到标签中。最后一个改成float：left也可。

3、CSS布局常用的方法：float ： none | left | right 取值：none ： 默认值。

4、/div style type=text/css .size40 img{width：40px；height：40px；} .size20 img{width：20px；height：20px；} /style 这样在相应的区域里面的图片无论大小是多小都会按照区域大小来限制了。

5、你可以在div里面画table表格，表格优势就是对表格。可以来一个ul，li里面浮动。

Q4: 如何实现CSS样式之多个层DIV并排布局?

首先我们如图所示的web结构即一个html和css即可实现。打开html页面 定义一个大的div和两个小div 。两个小div的宽度小于等于大div的宽度，即可实现并排了。

在桌面建立一个index.htm的文件和main.css的文件，当然你也可以不用main.css的文件，但是为了方便操作，还是建一个吧。只要把记事本另存为就可以了。

新建一个html页面，用于实现多个div显示在同一行上。在html代码页面上写两个div标签，并分别给这个两个div标签添加class类，类名分别为：one，two。

使用css float并排显示 我们对div设置一个float浮动属性即可解决不并排显示，只要你的并排div盒子总宽度小于或等于最外层盒子宽度即可实现多个div对象并排显示。

以下是具体演示步骤：打开一个HTML文件编辑器。先在里面输入HTML的基本元素。在body标签里添加一个大div来容纳并列的div。在大div里添加想要并列的div元素，并在style属性里添加float：left即可 运行效果。

使多个div并列一行的方法是将div的css样式设知定为浮动方式：float：left；或者是设定为inline-block行内块元道素【ie6下设置为inline行内元素已保证兼容性】。版 前提是几个div宽度总和不能超出父元素的宽度。

Q5: css中怎么让n个div成3列布局(每个div的class属性相同)?

1、你的.main样式没添加到标签中。最后一个改成float：left也可。

2、/div /div 需要注意：1）同列的这三个盒子，使用float浮动：如，float：left；这样就可以在一行排列顺次排列。

3、给右列一设置margin：auto 50px； 上下外边距不管，左右个50px margin 意思是 简写属性在一个声明中设置所有外边距属性。这个简写属性设置一个元素所有外边距的宽度，或者设置各边上外边距的宽度。

4、新建一个html页面，用于实现多个div显示在同一行上。在html代码页面上写两个div标签，并分别给这个两个div标签添加class类，类名分别为：one，two。

css把9个div排成3列的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于css如何让三个div并排、css把9个div排成3列的信息别忘了在本站进行查找喔。