CSS网页布局入门教程2：一列自适应宽度

共有 41 位网友发表了评论　我要评论..

huangyh2610(219.232.*.*) 发表于：2010-12-29 12:33:34

建议老大架个论坛

管理员回复：天朝对这块管理比较严格，再加上本人没时间管理，帮不会上论坛

keen10(121.33.*.*) 发表于：2010-08-21 00:35:22

学习了，先感谢一下

管理员回复：不客气，欢迎常来

加强CSS(58.61.*.*) 发表于：2010-08-16 14:44:53

怎么运行代码没有用了。

管理员回复：不支持ff

xjz1314(59.41.*.*) 发表于：2010-03-22 23:40:02

我是个初学者，很感激有这样的一个网站，可以让我学到网页制作技巧~

不倒翁(121.204.*.*) 发表于：2010-02-23 12:03:20

谢谢LZ了，我现在有家的感觉了。

管理员回复：不客气，常来哟

学无止境(119.1.*.*) 发表于：2010-02-22 15:59:43

呵呵第一到你的站,不错,终于找到家了,期待弄一个交流论坛什么的. 另QQ群我加不进去呵呵,谢谢管管们了.

管理员回复：QQ群由网友们提供，一个加不进去请多试几个。国家对论坛这块管理的比较严格，所以不打算开，但会增加一些互动方式

www.838383.cn(58.242.*.*) 发表于：2010-02-11 11:42:42

html网页太大，打开速度太慢，试着学CSS+DIV

管理员回复：欢迎学习

xhtml-cat(60.176.*.*) 发表于：2010-02-07 13:25:27

刚回国，我发现很多外国大师用的都是CSS外部文件外联法，也就是link标签或者@import规则，请问管理员到底应该倾向于哪种引用方法？谢谢

管理员回复：请搜索下，本站有关于这方面的文章

俺答到(125.39.*.*) 发表于：2010-02-06 09:03:18

学习了 真心谢谢

财富之门(58.83.*.*) 发表于：2010-02-03 21:38:18

接着上一篇也学会了，继续看下一篇

vilain(58.63.*.*) 发表于：2010-01-26 16:20:57

呵呵··用几天做了个首页 divcss 也就会了···其实也不难 不过我感觉这里面有很多东西没用似的··

管理员回复：那可能是你没遇到，遇到的时候你就知道有用了

qingfeng(119.126.*.*) 发表于：2010-01-22 13:26:10

不错，谢谢！

娃娃(219.128.*.*) 发表于：0000-00-00 00:00:00

看下我首页的用哪个dd dl dl 这样是否影响吗？ 主要是模仿人家的，自己还没有完全学会的

管理员回复：dt用h类标签定义，就不用这么复杂了

坏事(221.212.*.*) 发表于：2010-01-14 23:39:46

能不能拜你当师傅啊 我感觉不知道怎么学好了 给个QQ 跟你交流下

管理员回复：按照本站的教程进行学习就可能，另外提供的有qq交流群

无名(59.40.*.*) 发表于：2010-01-13 10:13:12

希望DM里面设置的图片可以更详细一些，这样对我们新手来说，可能会更方便一点， 不过还是支持下，幸苦了，

管理员回复：好的，下次出教程会的

dayday(119.136.*.*) 发表于：2009-12-11 16:38:52

请问一下，浮动是什么意思，应该怎么来理解？~`好象很重要的一个问题！

管理员回复：请查看这篇文章www.aa25.cn/704.shtml

lily(121.23.*.*) 发表于：2009-11-06 16:35:14

http://www.263118.cn 这是我要改的网站，这个本身是TABLE的，请问要是把它整成一个DIV+CSS的容易么？？谢谢！！

管理员回复：应该是很简单。不会是做广告的吧

CVC(121.14.*.*) 发表于：2009-11-04 10:12:47

很详细，太感谢了

管理员回复：不客气

似是而非(60.179.*.*) 发表于：2009-10-29 20:24:09

看了一下，是一个很好的网站，可以找到很多想要的东西，但是我有个问题，因为DIV层布局靠的是数据的准确性，用百分比来确定的话，对于新手来说是有点困难的。这个问题请问如何解决呢

管理员回复：这个根据需求，需要用百分比的地方就用百分比，需要用数值的就用数值

神啊(123.52.*.*) 发表于：2009-10-27 10:28:55

我解释一下代码的意思，你看我说对没？#layout 是id所要表示的对象{bordor:边框 2px 2个像素 solid :是填充的意思 后面为颜色 就是说 边框为2个像素的 然后边框的颜色为#A9C9E2background-color 背景颜色height width 高和宽; }对吗？我看了一会儿 用笔在纸上写了 用记事本自己改了 下 #layout 为 #《自己随便命名》后面熟悉没有变化 却在浏览器中显示的是宽为满屏的宽！这是怎么回事？

管理员回复：能把你的代码写出来吗？solid这里为实线的意思

just mk(122.234.*.*) 发表于：2009-10-10 09:46:16

如果DIV大小要适应图片大小呢，要怎么设置

管理员回复：得用浮动了

风居住的街道(58.41.*.*) 发表于：2009-09-30 11:54:35

以前没接触过，不过也想好好学学。希望能把这个学会。感谢~~

管理员回复：不客气

liujinglei(122.6.*.*) 发表于：2009-09-25 18:17:43

谢谢了，这些知识对于我这个新手来说真是雪中送炭啊！

管理员回复：顶一下

Guest(58.19.*.*) 发表于：2009-09-23 10:36:48

#layout { border: 2px solid #A9C9E2; background-color: #E8F5FE; height: 200px; width: 80%;} 这个高度就是200PX当我在内容中更加多的内容后，超过了200PX的高度，为什么他还会自动增加高度，按常理来说，我已经定义了他的高度为200PX，我无论在内容中输入多少的内容。，他都会在达到高200PX后就不会显示其它内容了，

管理员回复：这个是IE6的一个bug，在标准浏览器中是不会自动增加高度的，但超出的内容照样会显示，和下边的内容重叠一块了

德罗巴(122.235.*.*) 发表于：2009-09-03 10:02:14

这个太好了，很详细

管理员回复：^_^

风吹# 花落随(123.55.*.*) 发表于：2009-09-01 16:10:43

这个网站不错，这个教材更不错。讲的挺详细，对于我这个初学者很有用，希望其他教程也像这个教程一样讲的详细些。我在一些其他网站上看的教程，很多都是只说重点，细节地方说个大概，搞得我们这些菜鸟有时候看不懂。。。感谢站长提供这些教程。。。

管理员回复：不客气

DUZI(119.118.*.*) 发表于：2009-08-18 23:56:49

我刚刚开始学习div 这里不错很适合我这样的初学者 嘿！！

管理员回复：欢迎常来！

真的好！(58.60.*.*) 发表于：2009-08-15 10:08:15

我是新手，我会经常来，把朋友也带来！！！

管理员回复：谢谢啊

小孩子(219.128.*.*) 发表于：2009-08-12 12:09:46

嘻嘻 无意中发现 不错不错再接再厉 我会常来学习的

管理员回复：欢迎欢迎

新手(58.243.*.*) 发表于：2009-08-09 17:24:33

老大这个教材太好了，我受益匪浅。

管理员回复：常来哟

Guest(222.131.*.*) 发表于：2009-08-07 16:30:18

有没有电子书呀，要下载的那种

管理员回复：没有

梦凡(222.131.*.*) 发表于：2009-08-07 16:29:26

刚学习什么也不懂，请多多指教

管理员回复：多来学习呀

新手(219.147.*.*) 发表于：2009-07-19 20:36:31

自己对CSS还是一知半解，有点蒙的感觉。有好的教程可以努力的学习，教程很实用。谢谢，多多支持！

管理员回复：不客气

asp.net(119.21.*.*) 发表于：2009-07-13 16:06:33

太好了哦，你太有才了。学习了

Guest(58.60.*.*) 发表于：2009-06-30 14:20:54

改成了100%后，发现上面没有顶到边，左右也没有，body {margin:0;}怎么加到CSS里啊？

管理员回复：晕呀，你知道css是什么吗，如果知道应该知道加到哪儿呀。如果不知道的话建议再学习一下基础知识了

新手(116.18.*.*) 发表于：2009-06-16 10:52:29

老大,這個教材很好,我以前做網站都是用TABLE的,現在我決定把你這個教材堅持看下去,到學會為止.有你這個老大,真的是好.

管理员回复：常来学习哟

case(123.13.*.*) 发表于：2009-06-15 19:21:12

改成了100%后，发现上面没有顶到边，左右也没有，这怎么解决呢？谢谢管理员。

管理员回复：这个是body的margin造成的，你在css里加上body {margin:0;}即可

minghuagym(219.147.*.*) 发表于：2009-06-09 20:35:04

我还顶。。。。。

132(61.185.*.*) 发表于：2009-05-06 08:56:37

谢谢啊，这个教程很实用。

管理员回复：欢迎常来

新手上路(119.141.*.*) 发表于：2008-11-28 22:21:46

如果我那样的理解是对的。为什么我按你那样做了。可是大小为什么还是占显示器的一小块很感谢楼主啊/

管理员回复：那应该检查你的代码了

新手上路(119.141.*.*) 发表于：2008-11-28 22:20:10

自适应的优势就是当扩大或缩小浏览器窗口大小时，其宽度还将维持在与浏览器当前宽度的比例。这句话是不是理解成。显示器的大小决定浏览器的大小。？当显示器15寸时。浏览器显示15左右的大小。当显示器19寸的时候。浏览器显示19左右的大小？不好意思啊楼主。问题有点小白。实在对不住了。我很想把这个学习好。 麻烦了。我天天都在线看你的教程的。。

管理员回复：可以这样说，但主要看显示器分辨率，如19的显示器设置成1024x768和设置成1280x1024显示的不一样；再者你把浏览器窗口拖小一些时和最大化宽度都会随着改变的。