Dreamweaver设计网页,想在一个大的div中插入三个小的div,是并排在一起,可是代码不知道哪里错了,如图所

作者&投稿:司马泊 (若有异议请与网页底部的电邮联系)
DW中页面中有一个大DIV,大DIV里有三个小DIV,如何让三个小DIV在大DIV里左、中、右排开,并随网页缩放缩放~

给你2个解决方案:
1、使用table布局,好处就是td不会换行,不容易出错,3个td高度一直是一样的,所以可以再在里面套div;
举例:












2、小div宽度设定为百分比并且加浮动 float:left,如果你对div+Css布局不是很熟练,那么我建议你可以使用div+table+css布局,table布局对于处理很多棘手的问题还是蛮有用的
举例:





注:这个方法看似比较好用,但是实际写页面的时候会容易出现很多问题,你自己把握吧

你先看下下面的代码(还是看不懂你再HI我好了),红、蓝是两个DIV哟:




无标题文档

#div1 {
background-color: #00F;
float: left;
height: 500px;
width: 300px;
}
#div2 {
background-color: #F00;
float: left;
height: 500px;
width: 300px;
}










设div的宽度和float属性就好了,当然宽度不能太宽,要不也不行。
如果不设宽的话,DIV多半是默认占一行的。
不知道是不是回答了你的问题!

宽度,里面的3个div的宽度和。还有div的浮动。float。 你搜搜网页布局css,3列多得是

该死,居然不能写HTML代码



不要频繁的用div.

div 在我的脑子里我一直把他想作是一个瓶子或是箱子,我的感觉它挺硬的。这个div没有什么特性的意义,可以使用在很多地方,也就是说他可以装不同的东西。他的正确的写法是< div> < /div> 必需要有封口。大家都用来做布局之用,也有用来作为存放文章形成段落,实际上,这个做法并不是很好,因为作为文章的分段自然有一个特定的标签来用。那就是下面要讲的< p> < /p> 标签,不过用DIV来再整体的包住所有的段落。这是非常实用的。

p 这是一个有特定语义的标签,表示段落,是用来区分段落的。在大部分的浏览器中对P基本上都有一个上下的边距。但是没有行首缩进,因为行首缩进只是表示段落的方式但是不是一定或是必需的。所以在用P标签的时候如果需要可以针对P设定一下行首缩进,我是推荐在文章以外的地方不要使用P,因为P是有一定语义的,如果用在别的地方恐不合适。正确的写法是< p> < /p>

span 这也是一个非常常用的标签,这个标签可以说与div很像,没有什么特定的意义,只是他是一个级联元素,不是块级元素。我一直把它看作是一个袋子,他不像箱子那样可以有自己的宽高,他的宽高只能随着内容的多少而定,所以很像是袋子。这个标签与div正好互补。

一看就知道你肯定把宽度设的刚刚好了,最简单的三种选择

1:将div宽度综合设置小于盒子宽度98%(考虑IE6的3pxBug和浮动双边距)
2:对外层盒子使用float
3:对float的元素使用display:block

网页居中DIV+CSS,随网页变化自动调整

<div id=


四子王旗19369901988: 如何使用Dreamweaver制作一个网页 -
秋受佳伊: Dreamweaver这一款专业的网页制作软件,相信相关专业的人员都不会陌生.可以说,它是第一套针对专业网页设计师特别发展的视觉化网页开发工具,利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页. 这里西...

四子王旗19369901988: 如何用Dreamweaver编辑一个已有的网页? -
秋受佳伊: 1.首先安装Dreamweaver 软件. 2.找到所需编辑的页面后双击即可,Dreamweaver在安装过程中,默认设置自动识别打开所支持的文件类型,比如.asp、.php、.html等文件,如果出现无法识别的页面右键点击打开方式,选择使用Dreamweaver打开即可.如图: 3.打开页面后即可根据所需风格版面布局进行优化调整编辑代码即可.如图:

四子王旗19369901988: 如何用Dreamweaver制作网页表格 -
秋受佳伊: 一、要想用Dreamweaver来制作网页,首先要安装Dreamweaver网页制作的工具,这是必备的,可以去官网里面去下载即可. 二、操作步骤: 【1】第一步是打开Dreamweaver工具. 【2】然后在Dreamweaver选项的中,选择新建一个Html...

四子王旗19369901988: 用DreamweaverCS6制作网页的操作步骤 -
秋受佳伊: 用DreamweaverCS6制作网页的操作步骤 1. 打开DreamWeaver CS6.关于DreamWeaver CS6的下载、安装及破解,在我早先的一个经验中有写道,需要的同学可以看下. 2. 选择“站点”>“新建站点”命令,打开“新建站点窗口”. 3. 设置...

四子王旗19369901988: 怎样使用Adobe Dreamweaver制作网页 -
秋受佳伊: 这个问题,不好一下子说清;总的来说Adobe Dreamweaver制作网页比较简单,因为他是所见即所得的模式.学会软件的使用了也就初步学会用Dreamweaver制作网页了;Dreamweaver制作网页有李娜各种方式:一、使用Dreamweaver中提供的模板页;模板页直接就是一个个简单的网页;二、使用Dreamweaver自己设计页面;这个需要懂html代码了;不管是上面哪一种,你都要首先会使用Adobe Dreamweaver软件.下面是Adobe Dreamweaver的最好的使用教程:eNet网络学院-中国权威电脑教程网站,这里的教程估计个人认为都是最好的.

四子王旗19369901988: dreamweaver网页设计的目的是什么? -
秋受佳伊: dreamweaver网页设计的目的是利用div+css+js做出理想的前端页面展示; dreamweaver网页设计做出的页面所构成的一个网站可以展示更多的内容,让访客和用户知道您这个网站是干什么的,从而也可以推广您的网站,提高知名度,帮助更多用户解决问题.

四子王旗19369901988: 怎样用dreamweaver制作网页 -
秋受佳伊: 创建网页页面 1、在Dreamveaver“文件-新建-常规-基本页-HTML”,这样就建好了一个页面,英文版的默认的文件名为untitled.htm.中文版的的默认的文件名为“无标题文档”.htm就表示这个网页文件是一个静态的HTML文件.给它改名为...

四子王旗19369901988: dreamweaver怎么创建网页 -
秋受佳伊: 1、启动Dreamweaver1)点击“开始-所有程序-Macromedia-Macromedia Dreamweaver 8”,2)在中间的“创建新项目”中点第一个 HTML,打开一个空白文档;2、保存文件1)点菜单“文件-保存”命令,弹出一个“另存为”对话框,在...

四子王旗19369901988: 怎样用Dreamweaver制作一个个人虚拟网站? -
秋受佳伊: DW只是制作网站中的一个工具,制作网站还需要空间/服务器、域名、数据据.现在网上很多开源的PHP源码,如DeDeCms、博客、论坛、影视等类型比较多.如果你有服务器或/虚拟空间、数据据、域名. 1、将这些域名上解析到虚拟空间或者/服务器上 2、用FTP或者服务器/虚拟空间管理后台,将PHP源码传到服务器/虚拟空间网站根目录(一般源码都有安装叔,然后按照提示安装) 3、再进入你搭建网站的后台,修改模块,添加内容!另外网上也有一些模块,如果不会修改,你可以网上看看教程. DW在这其中起来的作用,是制作模块(也就是网站的样子)PHP源码提供的是网站的动态支持. 求采纳,谢谢!

四子王旗19369901988: Dreamweaver怎么设计网页? -
秋受佳伊: 1、灵活运用样式 熟悉网页设计的网友就知道,调用Style的方法很多,我们可以单击鼠标右键选择Custon Style来调用Style标准,也可以在状态栏中的元素列表上单击右键来调用Style.虽然不同的方法达到的效果看似一样,但实际上产生的...

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 星空见康网