我想用DIV CSS做一行3列， 和1列多行 不知道怎么做，
作者&投稿：臧詹 （若有异议请与网页底部的电邮联系）
div+css不光只是用你要知道这点所以div+css的建站方法可以用dl dt dd例
a
v
v
无标题文档
.hd{width:960px;margin:0 auto}
.hd ul li{list-style:none;width:280px;height:30px;float:left;border:1px solid #ccc;margin-top:10px;margin-left:10px;}
1行3列实现代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>景安</title>
<style type="text/css">
.zzidc{width: 500px;height: 300px;background: red;}
.a{float: left;width: 200px;height: 300px;background: blue;}
.b{float: left;width: 100px;height: 300px;background: green;}
.c{float: left;width: 200px;height: 300px;background: gray;}
</style>
</head>
<body>
<div class="zzidc">
<div class="a"></div>
<div class="b"></div>
<div class="c"></div>
</div>
</body>
</html>
1列多行实现代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>景安</title>
<style type="text/css">
.a{width: 300px;height: 50px;background: blue;}
.b{width: 300px;height: 50px;background: green;}
.c{width: 300px;height: 50px;background: gray;}
</style>
</head>
<body>
<div class="a"></div>
<div class="b"></div>
<div class="c"></div>
</div>
</body>
</html>
实现一行3列的话可以使用浮动布局或者定位，实现一列多行的使用使用默认布局模式即可
<style>
.myDiv{ width:300px; border:1px solid #000;border-right:0; height:30px}
.myDiv ul{ width:300px; list-style:none; margin:0; padding:0; height:30px}
.myDiv ul li{ width:99px; float:left; border-right:1px solid #000; height:30px}
.myDiv1{ width:300px; border:1px solid #000;border-bottom:0; height:93px}
.myDiv1 ul{ width:300px; list-style:none; margin:0; padding:0; height:93px}
.myDiv1 ul li{ width:300px; float:left; border-bottom:1px solid #000; height:30px}
</style>
一行三列
<div class="myDiv">
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
</div>
一列多行
<div class="myDiv1">
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
</div>
一列多行就是三个div...
一行多列建议用表格.表格还是很好的东西,你不要把他弄成定位的工具,就可以了.
QQ553912787
直接交流容易点，不然发出一串代码估计你也得头晕。
明显是宽度不够~~
父泡阿美： 大概的结构如下:<div><div class=“left”><!-----左边盒子-----><ul><li>条目1</li><li>条目2</li><li>条目3</li> ……</ul></div> <div class=“middle”><!-----左边盒子-----><ul><li>条目1</li><li>条目2</li><li>条目3</li> ……</ul></div> <div class=...
江西省13980417247： DIV+CSS一行三列代码如何写? - ？
父泡阿美： 此处的注释为去掉换行符的影响.wrapper{width:100%;/*也可以固定宽度*/height:200px;}.wrapper>div{display:inline-block;/*如需支持ie8以下版本,用浮动来做*/width:calc(100%/3);/*此处运用了一个css3的表达式,将div三等分,ie8及以上可以支持,当然也可以根据需要设置固定值*/width:-webkit-calc(100%/3);width:-moz-calc(100%/3);height:100%;}以上经亲自测过,ie8+、chrome、firefox表现良好.
江西省13980417247： 我想用DIV CSS做一行3列, 和1列多行 不知道怎么做, - ？
父泡阿美： 1行3列实现代码<!DOCTYPE html><html lang=＂en＂><head> <meta charset=＂UTF-8＂> <title>景安</title> <style type=＂text/css＂> .zzidc{width: 500px;height: 300px;background: red;} .a{float: left;width: 200px;height: 300px;background: blue;} ....
江西省13980417247： 请问如何用 div+css 写一个 2 行 3 列的表格,有会的,请给写个实例, - ？
父泡阿美： css样式: .box{width:306px;} .box ul{overflow:hidden;} .box ul li{float:left;width:100px;border:1px red solid;}div+css代码:<div class='box'><ul><li>1</li><li>1</li><li>1</li></ul><ul><li>2</li><li>2</li><li>2</li></ul> </div>具体看效果吧.
江西省13980417247： 如何使用div+css布局网页成三行三列 - ？
父泡阿美： DIV+CSS没办法像Table那样轻松的划分块.布局之前,必选先确定块,浮动的结构,不能任意的再拆分.你可以在Div内进行嵌套. 如有疑问追问,如满意记得采纳, 如果有其他问题也可点我名字向我求助 答题不易, 如果没有回答完全,请您谅解, 请采纳最快回答的正确答案!!谢谢!
江西省13980417247： 如何用div+css制作一个两行三列的表格? - ？
父泡阿美： 这个比较麻烦!给你个思想!用DIV的FLOAT属性就可以实现!剩下的就是宽高的问题!
江西省13980417247： DIV布局一行三列 - ？
父泡阿美： #main{ width:100%; overflow:hidden;}.left,.right{ float:left; width:5px; height:400px; background:#F00;}.right{ float:right; background:#0F0;}#middle{ float:left; display:inline-block;height:400px; background:#FF0; padding:0px 20px;}中间层中间层中...
江西省13980417247： CSS+DIV一行三列(等宽高,有间距)怎么写 - ？
父泡阿美： css:#id{width:100%答;height:100%;}#main>div{ float:left;width:33.3%;height:33.3%; line-height:33.3%;text-align:center; } html:<div id='main'> <div></div> <div></div> <div></div></div>
江西省13980417247： div+css中三列横向并排列的代码 - ？
父泡阿美： 三列布局的话,设置宽度小于总宽的1/3,然后全部浮动左float:left;就可以了..
江西省13980417247： div做一个表格 - ？
父泡阿美： 你可以用left的div,使用float:left; middle的div,使用float:left;margin-left:(填入左边的div的宽度)px; right的div,使用float:right; 具体对其位置可以自己用margin来调整下. 下面的第二行记得在第一个div使用clear:both;就好了.第三行同二行.有时间学习下div,自己会了才是王道.
