Html 砖石布局与CSS-如何使div不断裂
我的html是这样的 .标题{ 左侧填充：0px； 右边填充：0px； 字体大小：32px； 颜色：525659； 边距：0 0 2px 0； 字体重量：100！重要； } .第二节col-md-4{ 左侧填充：0px； 右边填充：0px； } .col-md-1、.col-md-2、.col-md-3、.col-md-4、.col-md-5、.col-md-6、.col-md-7、.col-md-8、.col-md-9、.col-md-10、.col-md-11、.col-md-12{ 浮动：左； } .联系斯马尔迪夫{ 边缘底部：25px； 字号：100； 字体大小：14px； 填充：0 15px 0 0px； } .联系smaldiv h1、.联系smaldiv h2、.联系smaldiv h3、.联系smaldiv h4{ 颜色：ef9c00； 字体大小：16px！重要； 字体重量：600！重要； 字体系列：“Lato”，无衬线字体！重要； 填充：0； 线高：1.4； 保证金：0； } h1.联系人姓名，h2.联系人姓名，h3.联系人姓名，h4.联系人姓名{ 颜色：16100f； 字体大小：14px！重要； 利润率：0px06px0； 字体重量：800！重要； } .联系斯马尔迪夫p{ 保证金：2px0 3px0； 线高：1.1米； 颜色：414042； 字体大小：13px； 字体系列：“AkzidenzGrotesk中等字体”； 字体重量：100！重要； } .divsection{/*砌体容器*/ 列数：3； 柱间距：1米； } .col-md-4{/*砖石或子构件*/ 背景色：eee； 显示：内联块； 边缘：0.01米； 宽度：100%； } 什么是Lorem Ipsum？ 我们为什么要用它？ 不： 375 9777 电邮： 它来自哪里？ 名称 电话： 052794959 单元格： 724 455 电邮： 我在哪里可以买到？ 第二个名字 gfjgjf： 375 9720 单元格： 4545464 电邮： 身份证件： 1914年由H.Rackham翻译 慈善机构 DDI： 375 9715 单元格： 221952 身份证件： 什么是Lorem Ipsum？ 我的名字 D: 3759727 C: 914844 身份证件： 从砖上取下浮子。这会覆盖display:inline块，因为浮动元素会使其成为块 .标题{ 左侧填充：0px； 右边填充：0px； 字体大小：32px； 颜色：525659； 边距：0 0 2px 0； 字体重量：100！重要； } .第二节col-md-4{ 左侧填充：0px； 右边填充：0px； } .col-md-1、.col-md-2、.col-md-3、.col-md-4、.col-md-5、.col-md-6、.col-md-7、.col-md-8、.col-md-9、.col-md-10、.col-md-11、.col-md-12{ 浮动：左； } .联系斯马尔迪夫{ 边缘底部：25px； 字号：100； 字体大小：14px； 填充：0 15px 0 0px； } .联系smaldiv h1、.联系smaldiv h2、.联系smaldiv h3、.联系smaldiv h4{ 颜色：ef9c00； 字体大小：16px！重要； 字体重量：600！重要； 字体系列：“Lato”，无衬线字体！重要； 填充：0； 线高：1.4； 保证金：0； } h1.联系人姓名，h2.联系人姓名，h3.联系人姓名，h4.联系人姓名{ 颜色：16100f； 字体大小：14px！重要； 利润率：0px06px0； 字体重量：800！重要； } .联系斯马尔迪夫p{ 保证金：2px0 3px0； 线高：1.1米； 颜色：414042； 字体大小：13px； 字体系列：“AkzidenzGrotesk中等字体”； 字体重量：100！重要； } .divsection{/*砌体容器*/ 列数：3； 柱间距：1米； } .col-md-4{/*砖石或子构件*/ 背景色：eee； 显示：内联块； 边缘：0.01米； 宽度：100%； 浮动：无； } 什么是Lorem Ipsum？ 我们为什么要用它？ 不： 375 9777 电邮： 它来自哪里？ 名称 电话： 052794959 单元格： 724 455 电邮： 我在哪里可以买到？ 第二个名字 gfjgjf： 375 9720 单元格： 4545464 电邮： 身份证件： 1914年由H.Rackham翻译 慈善机构 DDI： 375 9715 赛尔 l: 221952 身份证件： 什么是Lorem Ipsum？ 我的名字 D: 3759727 C: 914844 身份证件：Html 砖石布局与CSS-如何使div不断裂,html,css,Html,Css,我的html是这样的 .标题{ 左侧填充：0px； 右边填充：0px； 字体大小：32px； 颜色：525659； 边距：0 0 2px 0； 字体重量：100！重要； } .第二节col-md-4{ 左侧填充：0px； 右边填充：0px； } .col-md-1、.col-md-2、.col-md-3、.col-md-4、.col-md-5、.col-md-6、.col-md-7、.col-md-8、.col-md-9、.col-md-10、.col-md-11、.col-md-12{ 浮动
好的，谢谢，但我所期望的是第一列将占据3行，其余部分将被划分为其余的列，有没有办法设置容器的高度并实现这一点？还是其他方式？我试着给容器增加高度，但没有taking@Athul我不知道，我认为你做不到。改变高度没有任何作用，浏览器会计算出最佳布局。您始终可以使用普通元素创建3列，并在每列中放入所需的行数。