<div> 与CSS合用时的一个诡异问题 - BuildingWeb版 - 未名存档

本页内容为未名空间相应帖子的节选和存档，一周内的贴子最多显示50字，超过一周显示500字访问原贴

BuildingWeb版 -

与CSS合用时的一个诡异问题

相关主题
● 请教用CSS显示,打印footer在页面下方	● Show 一下我的网站~
● 新网站开张欢迎莅临	● vs2008 IntelliSense 一问.
● 请教Firefox里面如何确定屏幕宽度	● 说说 mitbbs 的 web usability 问题
● question on CSS (转载)	● article sites用的什么系统
● JQuery and Master Pages in ASP.NET	● 选择drupal theme的问题
● 我是怎样维护和制作这个站点的[转载]	● web的前台和后台，一般是怎么分的？
● 问个用table控制版面的问题	● 如何修改New-commerce wordpress theme的copyright？
● 网页设计问题	● 不管页面 Scroll up or down, footer 仍然保留在当前屏幕下面

相关话题的讨论汇总
话题: div话题: page话题: float话题: content话题: 蓝块

进入BuildingWeb版参与讨论

1

(共1页)

R*******y 发帖数: 19	1 .... CSS文件中： #content { float: right; background-color: blue; width: 100px; } 本意是想：content用几个形成了float在右边的一个蓝块，既然content是嵌在 page里的，那么page也会相应的往下伸展（形成容器状包住这个蓝块）。但结果是： page并没有往下伸展，看到的效果，是蓝块超出了page的范围，叠在它上面。附：截图（青色即是page层，蓝色是content层）如果我去掉了float: right这个属性，就正常了。我觉得很纳闷，在网上看到的另一个也用了float的模板中，经实验，page的度度是会随着content的长度而变化的，也就是page始终是包在content外面的，并且它也是用了 float的。因为网上那个模板比较复杂，我不知道加入了什么特殊的语句，使得float之后不会出现我说的这种情况。请
s*******h 发帖数: 2148	2 在下面加一个clear:both的空div就好了。实际情况是这种float的下面都有个去掉flaot的div，比如footer一类。【在 R*******y 的大作中提到】 : : : : : .... : : : CSS文件中： : #content : {
D*J 发帖数: 141	3 对的。 put it anywhere after the floating div. 参考 http://www.positioniseverything.net/easyclearing.html 【在 s*******h 的大作中提到】 : 在下面加一个clear:both的空div就好了。 : 实际情况是这种float的下面都有个去掉flaot的div，比如footer一类。

1

(共1页)

进入BuildingWeb版参与讨论

相关主题
● 不管页面 Scroll up or down, footer 仍然保留在当前屏幕下面	● JQuery and Master Pages in ASP.NET
● [转载] netscape6.0用后感	● 我是怎样维护和制作这个站点的[转载]
● Re: 在cgi里如何写html?	● 问个用table控制版面的问题
● perl cgis: how to send back frame webpage?	● 网页设计问题
● 请教用CSS显示,打印footer在页面下方	● Show 一下我的网站~
● 新网站开张欢迎莅临	● vs2008 IntelliSense 一问.
● 请教Firefox里面如何确定屏幕宽度	● 说说 mitbbs 的 web usability 问题
● question on CSS (转载)	● article sites用的什么系统

相关话题的讨论汇总
话题: div话题: page话题: float话题: content话题: 蓝块

未名新帖统计// 7月16日

#	版面	帖数(主题数)
-	全站	4871 (796)
1	Military	3777 (569)
2	Stock	341 (51)
3	Joke	117 (17)
4	History	116 (3)
5	Automobile	100 (9)
6	USANews	55 (9)
7	Midlife	45 (1)
8	Headline	41 (41)
9	Dreamer	33 (13)
10	FleaMarket	32 (20)
11	Living	30 (7)

* 这里只显示发帖超过25的版面，努力灌水吧:-)