div 左右分栏排版怎么做？
小弟没接受过相关教育。只是对DIV和CSS听说过。现在用到了，只能求助大家是这样，我要在网上写签名啦，需要左边一半右边一半。网上虽然有教如何左右分栏排版的，但是CSS都是...
小弟没接受过相关教育。只是对DIV 和CSS听说过。现在用到了，只能求助大家
是这样，我要在网上写签名啦，需要左边一半右边一半。
网上虽然有教如何左右分栏排版的，但是CSS都是写在HEAD标签里面的。签名可没有这个标题直接就是DIV开始。所以求助
请懂的朋友提供一个范例
左右分栏，一共3行。谢谢啦 展开
是这样，我要在网上写签名啦，需要左边一半右边一半。
网上虽然有教如何左右分栏排版的，但是CSS都是写在HEAD标签里面的。签名可没有这个标题直接就是DIV开始。所以求助
请懂的朋友提供一个范例
左右分栏，一共3行。谢谢啦 展开
5个回答
2015-11-10 · 知道合伙人软件行家
yfcp
知道合伙人软件行家
采纳数：1748
获赞数：5545
有多年网站建设相关工作经验。熟悉ASP、ASP.net、VB、JavaScript、HTML等语言和CSS、Ajax等相关技术。
向TA提问 私信TA
关注
![]()
展开全部
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
div{margin:0;padding:0}
#container{width:800px;height:500px;border:1px solid #ccc;}
#container .box1{width:380px;height:500px;float: left;background:red;}
#container .box2{margin-left: 40px;width:380px;height:500px;float:left;background: green;}
</style>
</head>
<body>
<div id="container">
<div class="box1"></div>
<div class="box2"></div>
</div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
logo在线生成器
2024-10-28 广告
在上海数都信息科技有限公司，我们致力于将创意与技术完美融合，将文字的力量转化为直观生动的图标设计。想象一下，一段精炼的文案——“数据洞察未来，科技引领创新”，在我们的设计师笔下，这不仅仅是一行字，而是化作了一个充满现代感的图标：中心是旋转的...
点击进入详情页
本回答由logo在线生成器提供
展开全部
你想要的是左右固定宽度，中间的div自适应屏幕宽度，很经典的‘双飞翼’布局。可以搜下，很多的
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
一个总的打div，里面2个小div
这2个小的 div宽度都为大的div的一半，然后小div浮动都左对齐！
这2个小的 div宽度都为大的div的一半，然后小div浮动都左对齐！
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
div{margin:0;padding:0}
#container{width:800px;height:500px;border:1px solid #ccc;}
#container .box1{width:380px;height:500px;float: left;background:red;}
#container .box2{margin-left: 40px;width:380px;height:500px;float:left;background: green;}
</style>
</head>
<body>
<div id="container">
<div class="box1"></div>
<div class="box2"></div>
</div>
</body>
</html>
<html>
<head>
<style type="text/css">
div{margin:0;padding:0}
#container{width:800px;height:500px;border:1px solid #ccc;}
#container .box1{width:380px;height:500px;float: left;background:red;}
#container .box2{margin-left: 40px;width:380px;height:500px;float:left;background: green;}
</style>
</head>
<body>
<div id="container">
<div class="box1"></div>
<div class="box2"></div>
</div>
</body>
</html>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
那用表格布局啊
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（3）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
