当前位置：首页 > 文章评论 > 评论内容

CSS网页布局入门教程8：三列浮动中间列宽度自适应

共有 104 位网友发表了评论　我要评论..
weiwei(124.236.*.*) 发表于：2011-07-07 10:28:19
你好，请问为什么不能把body{margin:0px; }去掉，在#center { margin-top: 0px;margin-left: 0px;}加上这个啊？
管理员回复：不一样的
dengjun0925(119.4.*.*) 发表于：2011-06-17 15:53:04
body怎么设置？标签重定义又怎么做啊？
管理员回复：请看本站的十天学会div+css
Etelon(113.74.*.*) 发表于：2011-05-29 16:06:38
body怎么设置？
管理员回复：标签重定义
Etelon(113.74.*.*) 发表于：2011-05-29 15:49:02
中间那个做不出来
haolijun(1.85.*.*) 发表于：2011-04-25 21:39:37
学习了，怎么这么好的网站呢，真的真的不错，谢谢了 ，万分感谢
管理员回复：不客气，欢迎常来
rss(111.76.*.*) 发表于：2011-01-16 20:20:11
改了高度 90% ，为什么中间的不是与左右同高 <!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=gb2312" /> <title>三列左右固定宽度中间自适应——AA25.CN</title> <style> body{ margin:0px; } #left { background-color: #E8F5FE; border: 1px solid #A9C9E2; height: 90%; width: 200px; position: absolute; top: 0px; left: 0px; } #center { background-color: #F2FDDB; border: 1px solid #A5CF3D; height: 90%; margin-right: 202px; margin-left: 202px; } #right { background-color: #FFE7F4; border: 1px solid #F9B3D5; height: 90%; width: 200px; position: absolute; top: 0px; right: 0px; } </style> </head> <body> <div id="left">左列</div> <div id="center">中列——AA25.CN</div> <div id="right">右列</div> <!--本文章来自WWW.AA25.CN--> </body> </html> 文章出处：标准之路(http://www.aa25.cn/div_css/268.shtml)
weixiang0407(114.229.*.*) 发表于：2010-11-09 16:10:37
#center中 高度设置为400 左右边距202 这个数这么得来的 麻烦解释下
管理员回复：左右两侧各200再加上2像素的边框
weixiang0407(114.229.*.*) 发表于：2010-11-09 15:37:10
margin-right: 202px; margin-left: 202px; 这两行什么意思？ 左右填充边界像素？
管理员回复：是外边距
vika520(113.119.*.*) 发表于：2010-08-02 16:41:55
如果left,right绝对定位top:20px,那center设置 margin-top:20px为什么实现不了呢？center块上移没对齐~
CSS2010(222.88.*.*) 发表于：2010-07-14 10:38:43
网站做的真不错，管理员也负责任；为了感谢，我愿意贡献QQ群（111393693）一个，只是普通群（俺穷人），莫嫌弃
welkang(222.210.*.*) 发表于：2010-07-08 13:09:06
我发现我在复制标准之路上面教程的文字粘贴后会自动加上之前看不到的文字：文章出处：标准之路 和该页面的链接，请问这是怎么做到的呢？谢谢。
管理员回复：js
510774666(113.240.*.*) 发表于：2010-05-23 10:31:00
我想做个大型的网站，管理员怎么联系啊？
管理员回复：想做就做呀，不会是让管理员替你做吧
huangzudan(222.133.*.*) 发表于：2010-05-22 19:00:05
我通过对比把那个居中问题我找到原因了，就是我把个 <!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">
管理员回复：是的，它是标示采用哪种验证方式
huangzudan(222.133.*.*) 发表于：2010-05-22 17:41:55
管理员你好： <style type="text/css"> body { font-family: Verdana; font-size: 14px; margin: 0; } #father { margin: 0 auto; width: 900px; } </style> </head> <body> <div id="father">father</div> </body> </html> 我弄了好多次了，总是居中不了，但是好像有时可以，真的不知道怎么回事
管理员回复：那又是什么时候可以呢？这个应该没问题
MicroCode(218.65.*.*) 发表于：2010-05-17 12:32:53
<style type="text/css"> #dnv { width:867px;height: 25px;background-color:#CCFF66; border-bottom:2px solid #6666FF; margin-bottom:0px; margin-top:0px; margin-left:auto; margin-right:auto;} #dnv li {float:left; background-color:#66CCFF; margin-left:1px; list-style-type:none; width:122px; line-height:25px; display:inline; padding-left:0px; padding-right:0px;} #dnv li a{ display:block; color:White;} #dnv li a:hover{ background-color:#CCFF66; color:Green; text-decoration:inherit; } </style> <ul id="dnv"> <li><a id="A1" href="~/Index.aspx" runat="server">首页</a></li> <li><a id="A2" href="~/Components/Photoes/PhotoesIndex.aspx" runat="server">世博靓影</a></li> <li><a id="A3" href="~/Components/Video/VideoIndex.aspx" runat="server">世博Flash</a></li> <li><a id="A4" href="~/Components/Groups/GroupsIndex.aspx" runat="server">祝福世博</a></li> <li><a id="A5" href="http://www.expo2010.cn/sbw_sblt/indexn.htm" runat="server">世博论坛</a></li> <li><a id="A6" href="http://www.expo2010.cn/" runat="server">世博官网</a></li> <li><a href="http://localhost/PersonalBlog/Index.aspx" title="加入收藏" onclick="javascript:addBookmark('2010上海世博会','http://localhost/PersonalBlog/Index.aspx');return false;">加入收藏</a></li> </ul> 这个导航栏为什么在显示首页时一切正常，在点击“世博靓影”，“世博Flash”等是Ul的就被拉长了大概12px，首页li前面出现了大概6px的ul背景，而后面的li被往后挤了大概6px.这是为什么啊？？这里没法贴图，都不知道怎么给你看。 希望管理员能帮帮我，急！！小弟在此谢过了！！谢谢！！！
kristy77(60.14.*.*) 发表于：2010-05-15 18:07:31
先设置body{ margin:0px;} 清除掉body默认的边界， 这步骤 在哪里实现啊 是在代码区直接输入码
管理员回复：在代码区域直接输入也行，也可以可视化添加
oicp110(221.209.*.*) 发表于：2010-05-07 09:06:19
请问 body{margin:0px; }的作用是什么 我在我这运行的时候发现要是没有他，中间的就不会和两边的对其，而且偏下~~
管理员回复：清除body默认的外边距
muyu(221.205.*.*) 发表于：2010-05-01 18:48:02
请问为什么left和right的设置为（top: 数字px;right: 数字px;），而center的设置为（margin-right: 数字px;margin-left: 数字px;），这两个设置有什么不同？还有为什么我做出来后，当浏览器缩小时，center就变窄了？可以给center也做绝对定位吗？是不是做了以后就不会发生上述情况？谢了！
管理员回复：前者是定位，后都是外边距；如果不随着浏览器变化而变化还叫自适应吗
jingjing(58.240.*.*) 发表于：2010-04-27 14:15:40
从上节课中，得到的结论，不知道对不对，继续学习中...
jingjing(58.240.*.*) 发表于：2010-04-27 14:13:53
我觉得这个用float就可以实现，css中，居左的设置宽高float：left；居右的设置宽高float：right；中间的不设置宽度，html中，先是居左的层，再是居右的层，最后居中的层，一样有这样的效果！不是吗？
管理员回复：这也是一种办法，不过这种办法也是有些问题的
xiaochenxuexi(221.218.*.*) 发表于：2010-04-26 11:15:14
挺详细的讲解
ayin(119.130.*.*) 发表于：2010-04-20 17:53:01
老大，这个在实际应用中，我还是遇到麻烦呀。 情况是这样，在这三个div块的外面，我有再套了个div，宽度设为970，并设置了margin:0 auto让这个div居中显示。 这时，我想要这三个小div分别在这个大div中，靠左，居中，靠右显示，居中的这个自适应宽度。。。 如果是直接在示例的代码上套个大div，由于设置了绝对定位，左右两个小div就不在这个大div里了。。。 请问有什么办法处理下呢？
管理员回复：把大div设置成相对定位就行了
lfseven(110.251.*.*) 发表于：2010-04-14 15:22:49
为什么只能通过body{margin:0px;}才能让三列正常显示。而在center{margin-top:0px;}不管用呢
管理员回复：你那只是让顶部边距为0
lfseven(110.251.*.*) 发表于：2010-04-14 14:34:03
继续跟着站长学习。
管理员回复：欢迎
violin0889(125.83.*.*) 发表于：2010-04-07 16:06:33
两边用了背景效果，主体部分不想显示，该怎么实现 你说用display:none ；那我想两边加上渐变的投影效果，怎么写代码呢
管理员回复：你所说的渐变是怎么个渐变法
violin0889(125.83.*.*) 发表于：2010-04-06 15:48:06
两边用了背景效果，主体部分不想显示，该怎么实现
管理员回复：display:none
violin0889(125.83.*.*) 发表于：2010-04-06 15:07:52
请问我的banner和导航之间有空隙是为什么啊？布局有点问题该怎么改进？
管理员回复：得看源代码
oushoulong(61.142.*.*) 发表于：2010-03-28 09:59:43
你好，我想问下绝对定位一般什么情况下使用？我碰到过这样的问题：在一个比较宽的显示器上用了绝对定位，然后在其他电脑上（显示器比我的小）浏览，会出现网页太大的问题，用浏览器右下角的百分比调整也没有反应，请问这是怎么回事呢？？？
管理员回复：绝对定位分两种，一种是相对于浏览器，，另外一种是相对于父元素。运用好了不会出来上边你所说的情况的
99505040(125.37.*.*) 发表于：2010-03-25 14:41:02
又尝试了一下，加了一个宽度100%浏览的时候就可以正常显示了@@
99505040(125.37.*.*) 发表于：2010-03-25 14:37:10
我想问一下，中间的可否也设置成 position: absolute;，然后左右隔202这样，我设置了一下，DW里显示OK，可是实际浏览就有问题了
管理员回复：中间也可以，但有个问题就是三个部分都脱离文档流，如果下边还放东西的话，这样需要设定高度才行
puyol2007(219.136.*.*) 发表于：2010-03-18 13:22:25
布局教程基本上都学习了，不过有个问题要请教管理员：为什么大部分布局教程都是以列来布局，很少用行来布局？如果我想布局一个两行一列的界面，应该怎么布局？
管理员回复：因为块级元素默认就是以行来排列的，你想两行布局插入两个div不就行了吗
竹子空的(117.87.*.*) 发表于：2010-02-27 22:20:24
中间的宽度不能随着两边的段度改变而自定。曾加两边方框的宽度或center样式中不用margin（也可以调小）属性，中间的绿边框都没了，只能变成两边边框的颜色。不知提的对不对，请站长指教。
WonderGirlsFans.com(118.125.*.*) 发表于：2010-02-13 13:41:47
漂流瓶(120.1.*.*) 发表于：2010-01-13 22:57:53 楼主：按你上面的方法，我试着在第一行Div下面又做了第二行三个Div,并且在设置第二行Div的TOP值都加了中间的空白的数值，左边的和右边的都能和上面的Div分开，只有中间的没有分开，没有空白处，这个怎么设置，急等你回答。谢谢·------ #center{margin-top: 402px;}
管理员回复：已经回答了呀，这个得看你的代码才知道是哪儿出了问题
SYC_三叶草(117.82.*.*) 发表于：2010-02-10 13:48:55
管理员你好：为什么中间的DIV上面有空隙，是怎么回事，怎么解决？
管理员回复：请看内容中红色部分文字，是不是这个原因引起的
957239918(125.39.*.*) 发表于：2010-02-08 23:36:23
效果没有出来 可以说一下body{ margin:0px; 是如何设置的吗？ 另外 我右边的栏明显超超了出去，紧挨的网页右边，这是为什么啊！即三个栏中 左边和中间的挨着 右边和他们还有一段距离
管理员回复：是不是margin值设置的不对
财富之门(123.103.*.*) 发表于：2010-02-06 00:10:11
是620像素 ，边框忘了!明天看9，谢了
财富之门(123.103.*.*) 发表于：2010-02-06 00:01:02
中间是628像素对吗？不过只显示624
管理员回复：是不是被边框占走了
hansonlam(113.65.*.*) 发表于：2010-01-29 00:44:41
非常好的网站,学了不少的东西
管理员回复：欢迎常来
hansonlam(113.65.*.*) 发表于：2010-01-28 23:19:13
非常好的网站,学了不少的东西
管理员回复：欢迎常来
漂流瓶(120.1.*.*) 发表于：2010-01-13 22:57:53
楼主：按你上面的方法，我试着在第一行Div下面又做了第二行三个Div,并且在设置第二行Div的TOP值都加了中间的空白的数值，左边的和右边的都能和上面的Div分开，只有中间的没有分开，没有空白处，这个怎么设置，急等你回答。谢谢·
管理员回复：这个得看代码
きのこ(221.221.*.*) 发表于：2010-01-13 11:36:26
管理员好~ 我想问一下 绝对定位 也是根据浏览器窗口的大小来决定的吗？
管理员回复：绝对定位是相对于浏览器窗口的
きのこ(123.117.*.*) 发表于：2010-01-13 11:16:28
管理员好！我从头看到这里 觉得这个教程真的很不错！看到这一章 我有个问题 是不是自适应只能针对于窗口呢？
管理员回复：你所说的窗口指的什么
Guest(122.94.*.*) 发表于：2009-12-22 22:07:05
body{ margin:0px; }这个什么意思啊？没懂
管理员回复：外边距设置为0
wlhr(58.213.*.*) 发表于：2009-12-15 16:14:23
我按照教程自己设的时候中间的一个距离顶部老是有空隙 请问是怎么回事 top我也改成0了
管理员回复：估计是body的边距造成的，请把body的边距设置为0
hide(113.65.*.*) 发表于：2009-11-29 23:40:27
如果我把#center中加入一个浮动属性,整个DIV就变小了,这是为什么呢?希望管理员帮忙解决,谢谢
管理员回复：当一个元素浮动后，不设置宽度的情况下，它将以容纳下内容元素的最小宽度显示
QQ35598464(61.189.*.*) 发表于：2009-11-21 19:45:15
这种布局模式，感觉存在个缺点，如果把浏览器横向缩小到一定程度，那么中间的DIV将会消失或者跑到最右边去，不知道作者有没有好的解决方法，有的话，请回复，谢谢
管理员回复：那就用浮动，不用定位
qq35598464(61.189.*.*) 发表于：2009-11-21 19:08:17
感觉这章有点误人。。。position:absolute的值是相对父级元素，而不是相对浏览器呀，如果我要是给DIV嵌套一个DIV标签，把俩个DIV都设置了position:absolute，那么里面DIV的position的absolute的值就相对与上一级DIV的坐标了。。希望作者改改词，如果我说的有错请回复我，谢谢
管理员回复：position:absolute在父级元素没有相对或绝对定位时，是相对于浏览器的
海之帆(220.114.*.*) 发表于：2009-11-04 19:16:03
我将#center { background-color: #F2FDDB; border: 1px solid #A5CF3D; height: 400px; margin-right: 202px; margin-left: 202px;改成这个#center { background-color: #F2FDDB; border: 1px solid #A5CF3D; height: 400px; margin-right: 203px; margin-left: 202px;我抓图了，然
管理员回复：没有描述完整，注意有字数限制
简单咖啡(123.4.*.*) 发表于：2009-11-04 14:30:25
请问我想让三列的顶部距离控制为10个边距，我把#left和#right的top值改为10了，也在#center里改了top=10，但无效。
管理员回复：top只有在设置相对或绝对定位时才有效
胡凯(122.137.*.*) 发表于：2009-10-27 09:57:20
真的很不错啊！我是后台的，现在学习学习！
管理员回复：欢迎学习
魔女小琨(123.234.*.*) 发表于：2009-10-14 10:46:03
请问一下div有没有优先顺序
管理员回复：应该说没有优先顺序的，不管怎么排，都可以通过样式表控制，只不过是麻烦不麻烦的问题了
Glow(123.174.*.*) 发表于：2009-10-12 21:38:34
我尝试着用MARGIN元素设置左右层距离网页OPX，然后中间层还是按教程设置，结果不行，MARGIN和P有什么区别啊
管理员回复：margin是设置元素的外边距，不是让它脱离文档流的。postion是的用来定位的
Glow(123.174.*.*) 发表于：2009-10-12 21:35:32
我这个菜菜一直在想，为什么这次不使用FLOAT这3个层还能在1排，LEFT和RIAHT用了绝对定位，可为什么中间的层还能和他们在一起啊，一般不用那个F元素好象他们就自动换行了！
管理员回复：用绝对定位后，该元素脱离原有文档流了
Glow(123.174.*.*) 发表于：2009-10-12 21:14:30
那你加群吧，我直接转给你就行吧，呵呵
管理员回复：ok,thank you!
Glow(123.174.*.*) 发表于：2009-10-11 19:30:46
38163533 空群，但我不想管理，站长，我把他给你吧
管理员回复：好的
faraway(221.131.*.*) 发表于：2009-10-08 11:15:07
一直在看这系列教程 真的不错 希望能进个Q群和大家学习q642568408
管理员回复：现在郡都满了，谁有空群的可以贡献出来
小毛驴(117.39.*.*) 发表于：2009-10-04 15:06:14
请问我将#center 中的margin-right: 202px; margin-left: 202px;换成left: 202px;right: 202px;问什么center和left重叠？
管理员回复：因为左右两侧采用绝对定位，脱离了文档流
水晶葡萄(222.95.*.*) 发表于：2009-10-01 16:20:31
看到如此好的网站我都快哭了%>_<%以前在那破学校学的简直是浪费偶的青春+票票啊，买的那些书也不用看了还不如这里讲的详细，不懂的还给解答真是太感动啦，祝网站越办越好\(^o^)/~
管理员回复：欢迎常来，谢谢
冰河(116.30.*.*) 发表于：2009-09-29 11:51:04
左右两列定位为什么不使用margin-top margin-left 而要使用 top left 我初学，对很多概念还不懂，请别见笑
管理员回复：有position对元素定位时，top　left才生效。margin是设置它的外边距
恐龙草(119.167.*.*) 发表于：2009-09-27 15:31:30
太感谢你了，你真的太好人了。我想提个问题，你看行不。我把这里“margin-left: 202px;“改为”margin-left: 100px;“。竟然没变化，能解释下吗？管理员回复：你把#center的高度设置成500px看一下就看出来了这个div的优先顺序是什么?
管理员回复：有变化呀，两个层重叠到一块了，这不就是变化吗
左青龙右白虎(119.36.*.*) 发表于：2009-09-25 15:31:12
先设置body{ margin:0px;} 清除掉body默认的边界，这样不会影响到三列的显示；这个在Dreamweaver中怎么弄,还是直接改代码啊
管理员回复：在css编辑器里选择标签——body，然后设置边界为0即可自动生成
不明白(125.119.*.*) 发表于：2009-09-24 19:29:59
没有弄明白那202PX是怎么得来的,望解答一下.谢谢
管理员回复：200宽度再加上两个1px边框
我的疑问(123.233.*.*) 发表于：2009-09-21 00:39:03
我左右两边的层设置固定宽度,中间的层不设宽度,也不设float,是可以达到效果的.我的qq:252189661,希望和大家交流
管理员回复：那得用浮动呀
范亚先(124.133.*.*) 发表于：2009-09-19 15:17:23
非常感谢，不过margin属性的详细讲解，就最好了。这样我们就不仅知所以染，而且知其所以染
管理员回复：margin应该很好理解的
freedom(121.236.*.*) 发表于：2009-09-16 10:24:24
中间的div怎么没设置绝对定位，或者说没有设置margin-top的值。还有页面布局默认是不是从左边框开始的，因为我把左列的div绝对定位中top left两项去掉效果不变 ，但右列的top，right两项却一个都不能去掉。望能解答我这个初学者的疑问，谢谢。
管理员回复：对的，默认是以页面的左上角为基准的。
海的福娃(120.42.*.*) 发表于：2009-09-10 16:47:15
谢谢你提供这么好的教程,讲的很详细！对于我们初学者真的是一个大大帮助！愿你的网站越来越好吖！
管理员回复：谢谢，不客气
fiend(116.21.*.*) 发表于：2009-08-31 00:24:44
太感谢你了，你真的太好人了。我想提个问题，你看行不。我把这里“margin-left: 202px;“改为”margin-left: 100px;“。竟然没变化，能解释下吗？
管理员回复：你把#center的高度设置成500px看一下就看出来了
calm(114.255.*.*) 发表于：2009-08-23 00:15:30
有个小问题请教一下，为什么不设置body {margin:0px;}中间的元素会和左右两侧的元素中间会空隙呢，他们默认之间应该是没有间隔的呀？
管理员回复：不太明白你的表述
飘雪(121.34.*.*) 发表于：2009-08-16 03:14:14
能不能设中间栏center的宽度为'autu',或者直接不设宽度呢？那样的效果和用'margin'来，有什么不一样吗？
管理员回复：你试一下不就知道了，如果那样的话它是整个百分百之百，也就是两边不会除去左右栏的宽度
旺旺(119.136.*.*) 发表于：2009-08-06 14:10:58
网站内容做得很好! 希望继续为广大读者提供更多的内容!
管理员回复：会的
me(218.90.*.*) 发表于：2009-07-25 13:23:19
管理员把那个群升级下吧，我都进不了啊！
管理员回复：多试试，至少有一个能进
Guest(116.30.*.*) 发表于：2009-07-24 16:44:35
网站很好,管理员的耐心更好,希望网站越办越好!
管理员回复：谢谢
XY (59.40.*.*) 发表于：2009-07-17 15:18:48
要是这个网站有群的话就好了..大家平时可以边做边交流问题 ,大家可以一起探讨..
管理员回复：有群呀，网站底部列有5个群，请试着看哪个能加入
XY(59.40.*.*) 发表于：2009-07-17 15:04:01
center的 margin 属性实际上就是对浏览器窗口的居中 只是left 和right的绝对定位使center居中与left和right之间得以实现 能这么理解吗?
管理员回复：有点乱
Angel(116.230.*.*) 发表于：2009-07-14 14:32:12
好像不写提交标签。我上面的问题是 left,center,right层是在main层里面的 main层居中但不全屏。这时要实现left,center,right三列浮动中间列宽度自适应应该怎么办呢？
管理员回复：main层居中设置它的左右外边距为auto就可以了。
Angelo(116.230.*.*) 发表于：2009-07-14 14:29:34
网站很好。管理员很亲切。很少有管理员对于每个问题都回复的。我想问个问题。 左边 中间 右边 如果main层是居中但不全屏，那left、center、right要实现三列浮动中间列宽度自适应应该怎么办呢？
管理员回复：本站有关于三列的实例，你所说的居中但不全屏又自适应的话可以最外层div宽度设置成百分比
丘飞飞(125.112.*.*) 发表于：2009-07-11 16:00:00
在学习的过程中，发现布局定位有两种方式，一种是flaot另外一种是position，请问一下他们有什么区别，都是各自在什么情况下使用的，谢谢！
管理员回复：一般用float,特殊情况用positon。两者区别有专门文章介绍，请在本站搜索
太惨了。(116.28.*.*) 发表于：2009-07-07 20:19:28
position:static/absolute/relative太难理解了。
管理员回复：相对定位和绝对定位，一般不太常用，不过还是要掌握的
Guest(220.181.*.*) 发表于：2009-07-03 10:06:47
这系列教程很好啊，顶一下
管理员回复：我也顶一下^_^
初学者(125.32.*.*) 发表于：2009-07-02 21:33:09
如果#layout使用了position:absolute;将会变成绝对定位模式，与此同时，当设置top:20px;时它将永远离浏览器窗口的上方20px，而left:0px;将保证它离浏览器左边距为0px,难道float不是吗
管理员回复：float是浮动，它和绝对定位是不同的
Guest(222.138.*.*) 发表于：2009-06-30 10:47:57
左、右边是200像素，中间那部分应该怎么计算出来？没看到设置决宽度呀？要是中间那块不设置宽度能显示出来吗？
管理员回复：默认情况下div是100%显示的，中间左右外边距各为202,所以除去左右外边距后还是100%显示的。
sytmyy(222.138.*.*) 发表于：2009-06-30 10:37:29
第一次来这，觉得对自己的帮助很大，糊涂了很久的问题一下子明白，谢谢！最让我感到这里吸引人的地方是：每个网友的提问都能得到及时的回答。真的很好！
管理员回复：那就坚持来吧，我一定会回复的
Guest(121.204.*.*) 发表于：2009-06-27 18:41:45
喜欢哈·3列可以按两列什么写 恩把其中一个包含2列 什么控制左边left距离浏览器的边距 body{margin:0 auto;}#layout{width:1003px; magrin-left:10px;}#left{width:750;}.left_01{width:298px; float:left; border:1px solid #F2FDDB; background-color:#A5CF3D; magrin-left:10px; padding-right:10px
管理员回复：八仙过海。。。
Angus(58.244.*.*) 发表于：2009-06-25 12:52:36
很不错的网站。对我帮助很多！
管理员回复：嗯
Guest(117.32.*.*) 发表于：2009-06-24 17:56:17
一个不错的网站!
管理员回复：是不错
littlemice(117.136.*.*) 发表于：2009-06-12 12:54:41
发现这个网站挺不错的，非常感谢管理员的分享。我是个java开发人员，一直以来关注的是java后端的开发，一涉及到web前台的布局就束手无策，很是头疼，这方面是自己的短板。也在断断续续地看js\html\css的文档，不过看了就忘，觉得只有亲身操作体会过记忆才会深刻。。。
管理员回复：欢迎常来
阿达(116.24.*.*) 发表于：2009-06-11 17:49:14
很好，每天给你点一下广告。表示支持。希望你的教程越做越好
管理员回复：谢谢了，本站就需要你这样的人
seven(123.14.*.*) 发表于：2009-06-08 11:54:52
不知道怎么用dreamweaver设置 BODY。。。
管理员回复：body可以直接在css样式中手工输入，或者在创建css时选择标签项，下拉列表中有body
durasa(221.232.*.*) 发表于：2009-05-24 18:30:03
设置ID有什么好处吗？能不能举例说明一下。好糊涂啊！
管理员回复：ID在页面中只能是唯一一个，不能重复，js控制时可以用到。
Guest(220.178.*.*) 发表于：2009-05-22 09:48:15
这个网站很好呀
管理员回复：那就常来哟
Guest(218.20.*.*) 发表于：2009-04-10 12:46:55
用 body{ margin:0px;} 中间栏和左栏-右栏-上边都有空隙。而用body {margin-left: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;}就正常没有空隙是什么问题，谢谢指点
管理员回复：应该不会呀，它两个实现的效果是一样的，只不过一个是分开写，一个是简写。不知你用的什么系统什么浏览器呀
Guest(58.221.*.*) 发表于：2009-02-18 16:53:50
请问下，要页面整体不变形的话，整个页面的大的层是用定位现定位好，然后里面小的层可以用浮动来解决的把，这样页面缩小或者放大，整个页面就不变形，可以通过滑轮拖移看到整个页面，简单的说主题框架用定位，小的用浮动，可以这么理解吗？我现在全部用浮动的话，页面变的太乱了。
管理员回复：我个人一般都用浮动，除了特殊定位时使用相对加绝对定位。
Guest(220.162.*.*) 发表于：2009-01-19 12:42:40
同“有点问题”body{margin:0px;} 这个还是应该在文章中提示一下，虽然讲过了margin这个属性，不提的话新手一直是错误的显示。
管理员回复：谢谢，已在文章中加上了
776w(58.42.*.*) 发表于：2009-01-17 22:17:43
绝对定位应该没有浮动应用的多吧，好像在其他浏览器兼容性有问题
管理员回复：绝对定位只是在个别时候用，当然比不上float了
Guest(58.221.*.*) 发表于：2008-12-26 15:35:18
能写个四列的吗？我刚加了一个列，也给了大小和相对距离，是算好的，但是我加的那层老是显示在下面，但是大小正好可以补上去。很奇怪，为什么就跑到下面来了。
管理员回复：跟层在html里的先后也有关系的。看看是不是位置搞错了
谢谢(123.151.*.*) 发表于：2008-12-25 17:11:00
请问什么时候用浮动的什么时候用绝对定位啊？这两者的区别在哪啊？非常感谢您，嘻嘻
管理员回复：这两者根据实际情况，能用浮动的用浮动，浮动解决不了的用绝对定位
guest(125.71.*.*) 发表于：2008-12-24 16:29:45
把左栏设为float:left,右栏设为float:right，也能实现效果。请问另外有些教程是说的用表格来布局，这两种有什么区别，哪个更流行？
管理员回复：把左栏设为float:left,右栏设为float:right；用这种方式吧，可以有效解决IE 3px问题。至于表格，在特殊情况下，还是得用表格的。
有点问题(222.90.*.*) 发表于：2008-12-21 22:43:12
整个做出来都没错可是你没有讲这个东西body{margin:0px;} 如果不加这个 效果就是错的
管理员回复：body{margin:0px;} 在前面章节中应该是讲过了，所以在这儿就没再赘述
smmlfl(123.151.*.*) 发表于：2008-12-16 16:52:39
需要站长的指点了，嘿嘿，不明白什么时候用浮动的，什么时候不用，谢谢指点
管理员回复：当需要把两个或多个块级元素排在一行时就需要用到浮动了。就像word的图文混排一样
在路上(219.131.*.*) 发表于：2008-12-16 11:36:24
我试了一下，当把浏览器窗口缩小一些看时，中间的列会随它缩小，甚至最后看不到了。
管理员回复：是呀，你现在只是测试，在实际当中有谁会把窗口缩到那么小去看吗？要解决这个问题，请把中间列设置个最小宽度，这样当达到最小宽度时，就出现滚动条了。不致页面变形
Guest(124.161.*.*) 发表于：2008-12-06 13:02:24
又来了...这里还是对浮动定位有些搞不清楚..浮动定位是根据对象进行定位的意思吗?那对象如何指定呢?
管理员回复：position: absolute;这个是绝对定位的意思，绝对定位后就是相对于浏览器定位的。当父容器采用相对定位，子容器绝对定位时，子容器的位置将是相对于父容器而不是浏览器了。
Guest(61.153.*.*) 发表于：2008-11-30 13:28:59
我想问一下，body{margin:0px;}有什么作用哦？
管理员回复：默认情况下，body是有margin值，也就是它的值不为0
人走茶凉(123.14.*.*) 发表于：2008-11-21 19:45:40
我试了一下，页面宽固定，效果就不好了　　－－－－－－－－　　　－－－－－－　　－－　－－　－－　　－－－－－－－－
管理员回复：可以参考http://www.aa25.cn/layout/中的16、17、18号布局，可能就可以理解了。
偶尔路过(60.191.*.*) 发表于：2008-07-14 13:50:07
不知道写这篇文档的人有没有自己去用过， 当你把窗口缩小一点时你的页面还能看吗？
管理员回复：我的能看清，不知道你说的缩小一点指缩小到什么程度。

我要评论

推荐文章

热门文章

最新图片素材

    立体办公用品图标EPS矢量素材

最新评论文章

在线交流QQ群

  • 106310407(开)
  • 55427134(开)
  • 2993401(开)
  • 30235673(开)
  • 33424604(开)
  • 2993401(开)
  • 161512108(开)
  • 161510519(开)
  • 158375021(开)
  • 155858414(开)
  • 143309878(开)
  • 16373807(开)
  • 129098721(开)
  • 123473199(开)
  • 146991009(开)
  • 135792800(开)