檬味博客 » 问答 » div+css如何做页面的一行两列布局

div+css如何做页面的一行两列布局

div+css做页面的一行两列布局，首先我们是需要三个div的，第一个div包裹着其他的2个div，然后给那2个div设置float属性和width，height，最好是给个border利于布局的时候方便观察，这里举个例子： div1{ width:960px; //通过id来控制 height:600px;} .left{ width:400...
div+css如何做页面的一行两列布局
感觉很乱……

实现你说的效果……
如果是居中版式，首先要有个总宽度，比如width＝800px;
放左边的用position:relative;float:left;要定义宽度……(1)
放右边的还是用position:relative;float:left;还是要定义宽度……(2)

注意（1）＋（2）的宽度要小于总宽度，那他就会显示在同一排……

记住定宽和设float:left;是主要的……

其余的是否要
div br{display:none;}就看你自己的版式……2008-10-06
div+css做页面的一行两列布局，首先我们是需要三个div的，第一个div包裹着其他的2个div，然后给那2个div设置float属性和width，height，最好是给个border利于布局的时候方便观察，这里举个例子：

<html>
<head>
<style>
#div1{
width:960px; //通过id来控制
height:600px;
}

.left{
width:400px
height:400px;
border:1px solid #f00;
float:left;
marign-right:40px; //距离第三个div有点距离
}

.right{
width:400px;
border:1px solid #f00;
height:400px;
float:left;
}
</style>
</head>

<body>
<div id='div1'>
<div class='left'>我是左边的</div>
<div class='right'>我是右边的</div>
</div>
</body>
</html>2015-05-26
.center_tdbgall
{
background:#ffffff;
width:300px;
float: left;
}
这样就行了2008-10-06
mengvlog 阅读 49 次 更新于 2025-10-31 07:00:07 我来答关注问题0
3 个回答檬味博客专题活动
  • v6gogo div+css如何做页面的一行两列布局

    div+css做页面的一行两列布局，首先我们是需要三个div的，第一个div包裹着其他的2个div，然后给那2个div设置float属性和width，height，最好是给个border利于布局的时候方便观察，这里举个例子： div1{ width:960px; //通过id来控制 height:600px;} .left{ width:400p...

  • 百度网友f7bae8e6d css里,怎样使多个div元素并列一行?

    1、打开一个HTML文件编辑器。先在里面输入HTML的基本元素。2、在body标签里添加一个大div来容纳并列的div。3、在大div里添加想要并列的div元素，并在style属性里添加float：left即可 4、运行效果。

  • 海南加宸 div标签如何与其他标签在同一行

    相应的CSS样式如下：left{width:300px;height:20px;background:#f0f;float:left;} right{width:500px;height:20px;background:#fff;float:left;} 这样设置后，两个div标签会并排显示在同一行。请注意，确保div的总宽度不超过父元素的宽度，否...

  • sa_sa_陈 如何让两个DIV在同一行显示?

    1、在html页面新建一个新的html页面。2、在html代码页面上创建的两个div标签添加class类，假设class类分别为：one，two。创建div代码如下：第一个div。第二个div。3、创建标签中的class类one，two样式。css样式代码如下： .one,...

  • 文暄生活科普 html布局,下面怎么使两个div在同一行显示?

    在界面设计中，将两个div元素置于同一行是一个常见需求。实现这一目标有多种方法。其中，一种常用方式是使用CSS的浮动属性。例如，如果你有两个div，命名为left和right，你可以这样设置它们的CSS样式：.p_left{float:left;} .p_right{float:left;} 这样设置后，left和right两个div将被强制在同一行...

其他CSS类似问题

檬味博客在线解答立即免费咨询

CSS相关话题

Copyright © 2023 WWW.MENGVLOG.COM - 檬味博客
返回顶部