论坛

标题: div框架重合问题有代码 [打印本页]

作者: 铜雀丶诙 时间: 2016-11-24 18:33
标题: div框架重合问题有代码
在课程中讲的设置ID=d1的DIV 宽度900PX,高度自动.内边距上下左右10PX上下左右2个像素的实线边框
在d1的DIV里设置2个ID分别为d2,d3的DIV
d2的DIV宽度600PX,高度300PX,上下左右2个像素的实线边框,左浮动

d3的DIV宽度290PX,高度300PX,上下左右2个像素的实线边框,右浮动
那么
container的DIV 900PX的宽度-掉左右10PX的内边距    也就是900-20=880PX
content和links的DIV宽度相加 600+290=890PX
按照我的理解880小于890  content和links的DIV之间应该没有间隙
为什么作出来和教程一样content和links的DIV之间有间隙（F12游览）
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
#d1 {
height: auto;
width: 900px;
padding: 10px;
border: 2px solid #000;
}
#d2 {
height: 300px;
width: 600px;
border: 2px solid #000;
float: left;
}
#d3 {
float: right;
height: 300px;
width: 290px;
border: 2px solid #000;
}
</style>
</head>

<body>
<div id="d1">
  <div id="d2">此处显示  id "d2" 的内容</div>
  <div id="d3">此处显示  id "d3" 的内容 </div>
</div>
</body>
</html>

作者: cg织梦勇闯天涯 时间: 2016-11-24 22:19
1.这个论坛有关DW的讨论很少，老师基本不会上线回答你的问题，最多学员帮你回答一下
2.这个Adobe Dreamweaver CC零基础入门教程的课程大家普遍反应讲得不好，建议你不要学了，太过于偏基础理论了，实用性不强，只能算是了解启蒙DW
3..建议你直接去学韩老师的课程，在店铺装修课程中介绍了大量的DW基础知识，韩文强老师的html+css网页前端课程，每一节课都会有收获，学完后你会发现“Adobe Dreamweaver CC零基础入门教程的课程”太low了
4.ps:我不是韩老师的小号

作者: 铜雀丶诙 时间: 2016-12-1 20:09

cg织梦勇闯天涯发表于 2016-11-24 22:19
1.这个论坛有关DW的讨论很少，老师基本不会上线回答你的问题，最多学员帮你回答一下
2.这个Adobe Dreamweav ...

我的PS就是优酷上面韩文强老师学的那个课程讲的很不错就是有一点韩文强老师喜欢放小黄图

欢迎光临论坛 (http://bbs.qinxue.com/)