学习下CSS网页结构进门教程6：左列流动，右列宽度自顺应

只看该作者 · 发表于 2015-1-16 10:39:01

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

您需要登录才可以下载或查看，没有帐号？立即注册

x

首先你要知道，当你开始学习DIV+CSS的时候，你要把以前所有用DW画布局表格的思维方法忘的一干二净(如果你以前是用TABLE布局的话)，然而这项技术更适合刚接触网页制作的人。

本站2010年9月新增《十天学会web尺度（div+css）》系列教程，接待进修！
在实践使用中，偶然候必要左栏流动宽度，右栏依据扫瞄器窗口巨细主动顺应，在CSS中完成如许的结构体例是复杂可行的，只需在设置左栏的宽度便可，如上例中摆布栏都接纳了百分比完成了宽度自顺应，而我们只必要将左栏宽度设定为流动值，右栏不设置任何宽度值，而且右栏不浮动，代码以下：

#left{
background-color:#E8F5FE;
border:1pxsolid#A9C9E2;
float:left;
height:300px;
width:200px;
}
#right{
background-color:#F2FDDB;
border:1pxsolid#A5CF3D;
height:300px;
}

如许，左栏将出现100%的宽度，而右栏将依据扫瞄器窗口巨细自顺应。
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/><title>二列左列流动，右列宽度自顺应——AA25.CN</title><styletype="text/css"></style></head><body><divid="left">左列——流动(AA25.CN)</div><divid="right">右列——宽度自顺应(AA25.CN)</div></body></html>
尺度之路www.ckuyun.com提醒：能够先修正部分代码后再运转
二列右列宽度自顺应常常在网站在用到，不但是右列，也能够是左列，办法是一样的，只必要改动两个div的编写便可，而这类使用在今朝的很多blog都可以常常看到，如pjblog中的很多网友制造的模板就是这类结构的。
制造历程这里不再具体赘述，请参考上一教程：CSS网页结构进门教程5：二列宽度自顺应，只需将左列的宽度改成200px，右列的宽度和向左浮动往失落便可。如另有不分明中央您能够在批评中发问。

我们应当活用HTML为我们提供的标签。

只看该作者 · 发表于 2015-1-18 07:45:18

所见则所得网页编辑器的优点就是直观性，使用方便，容易上手.

只看该作者 · 发表于 2015-1-26 20:50:48

Dreamweaver在所见即所得添加链接时，可以在选中文字后在属性栏中的链接栏中直接输入文件的地址即可。

只看该作者 · 发表于 2015-2-4 21:45:31

在Dreamweaver里可以很轻松的完成图文混排、插入图片、插入Flash、插入音频、插入视频。

只看该作者 · 发表于 2015-2-10 20:29:14

Dreamweaver在所见即所得添加链接，也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈，用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。

只看该作者 · 发表于 2015-3-1 15:39:01

只要我们努力，无论是怎样的艰难险阻，成功依然会迎面直击。在刚开始时我觉得dreamweaver mx XX很难理解。

只看该作者 · 发表于 2015-3-10 21:05:43

Adobe Dreamweaver(前称Macromedia Dreamweaver)是Adobe公司的著名网站开发工具。

只看该作者 · 发表于 2015-3-17 11:08:19

您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别，但它同时也存在着致命的弱点。

只看该作者 · 发表于 2015-3-24 08:40:24

运动)时间轴面板--拖动关键帧--单击整条--将鼠标移至中间一点--右击选择增加关键帧--移动中间关键帧的图层--勾选自动播放,循环

		自动登录	找回密码
密码			立即注册

[DIV+CSS] 学习下CSS网页结构进门教程6：左列流动，右列宽度自顺应

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

相关帖子