两个div的问题

Dic4000 2007-08-26 08:26:17

我想把下面两个div放在同一行上,并且第二个div与第一个div的间隔为1cm,请问怎么修改下面的代码?
<HTML>
<HEAD>
<TITLE>CSS边距属性 </TITLE>
<STYLE type="text/css">
.D1{border:1px solid #FF0000;height=4cm;}
.D2{margin-left:1cm;margin-top:1cm;border:1px solid gray;width:140pt}
.D3{margin-left:1cm;margin-top:1cm;border:1px solid gray;width:140pt}
</STYLE>
</HEAD>
<BODY>

<DIV CLASS="D1">
<DIV CLASS="D2">第一个div</DIV>
<DIV CLASS="D3">第二个div</DIV>

</DIV>
</BODY>
</HTML>

...全文

110 1 打赏收藏转发到动态举报

写回复

用AI写文章

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

ssfwhxy 2007-08-26

打赏
举报

<STYLE type="text/css">
.D1{border:1px solid #FF0000;height=4em;padding:10px}
.D2{float:left;border:1px solid gray;width:140px}
.D3{float:left;margin-left:1em;border:1px solid gray;width:140px}
</STYLE>

<DIV CLASS="D1">
<DIV CLASS="D2">第一个div</DIV>
<DIV CLASS="D3">第二个div</DIV>
</DIV>

本课程是带领大家学习Pc端网页、app、小程序的布局以及样式添加，学完本课程，大家可以对任意网页实现布局，思路清新。课程简介：1，html5编辑器的介绍和使用2，块标签3，内联标签4，超链接和锚点5，12种选择器6，颜色7，单位8，css属性9，盒模式10，div布局11，内容图片12，布局图片13，用户交互图片14，字体15，表单16，表格17，浮动18，定位19，内联框架20，搜索引擎优化21，实战案例

今天写代码时遇到了并排放置两个div的需求，所以总结了一下，共有以下几种方法：（1）设置浮动： a）两个div都设置为左浮动： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>放置两个div在同一行</title> <st...

以下提供了5种实现两个div并列一行显示的方法，其中最常用的为浮动，还有定位等方法可以实现。方法一：float浮动，float:left;为左浮动，也可以设置为float:right;右浮动，也可以实现两个div并列一行。 #div1{ width:50%; height:300px; background:blue; float:left; } #div2{ width:50%; height:300px; background:green; float:left; } 方法二：display:tab