Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 我的页面底部和右侧的空间_Html_Css_Space - Fatal编程技术网

Html 我的页面底部和右侧的空间

Html 我的页面底部和右侧的空间,html,css,space,Html,Css,Space,这是网页: 我已经把问题缩小到了6个蓝色框(前3个在名为offers的div下,下面3个在名为properties的div下)。如果我要把它们拿出来,空格就没有了,但我真的很想把它们放在里面,所以我需要有人帮我解决问题,这样我就可以保留盒子,并且在页脚下面没有空格 我认为我的问题在于它们是相对定位的(所有div都是相对定位的——我现在意识到这是个坏主意) 我试过: 将2个div与绝对位置对齐-这可以消除底部/右侧的空间,但是如果我要缩小浏览器的比例,框就会失去位置 移除所有定位并将其浮动到左/

这是网页:

我已经把问题缩小到了6个蓝色框(前3个在名为offers的div下,下面3个在名为properties的div下)。如果我要把它们拿出来,空格就没有了,但我真的很想把它们放在里面,所以我需要有人帮我解决问题,这样我就可以保留盒子,并且在页脚下面没有空格

我认为我的问题在于它们是相对定位的(所有div都是相对定位的——我现在意识到这是个坏主意)

我试过:

  • 将2个div与绝对位置对齐-这可以消除底部/右侧的空间,但是如果我要缩小浏览器的比例,框就会失去位置

  • 移除所有定位并将其浮动到左/右-移除底部/右侧的空间,但不会进入我希望它们进入的位置(我不认为您可以使用顶部/底部/左侧/右侧或边距来定位浮动?)


以下是如何将当前作为位置的6个框进行排序:相对

基本的前提是你将盒子漂浮在一个容器内,然后清除它们,使容器大小合适


关于页面底部的问题,您需要删除底部:290px;从你的页脚。这似乎是造成问题的原因

我认为主要问题是
身体背景图像。您使用了1300px*1000px大小的图像
。我认为您必须使用宽度为1px且具有重复属性的
图像。
。底部的空白是由于订单和属性div的
bottom
属性造成的`


谢谢。

哪个浏览器出现问题?我看不出有什么不对劲Chrome@Sam它出现在所有浏览器中,我尝试过最新的IE、Chrome、Firefox以及IE8。可能是因为我的分辨率小?(我在笔记本电脑上)你是说你想把页脚贴在页面底部吗?@RyanMurphy谢谢你的回复,我试过了,把它添加到2个div id中,它去掉了右边的空间,而不是底部。它还使图像看起来像5个像素wide@ikartik90我想把它放在所有的沙发下面。是的,基本上是这样的:DI已经添加了您提供的代码,这已经发生了:所有的空间都消失了(谢谢!)但是,这些框没有完成我希望它们做的事情,我应该尝试相对定位吗?我想在以后单独更改图像,您是否将其添加到css?中。clearfix:在{content:“.”之后显示:block;高度:0;清除:两者;可见性:hidden;}是的,我确实像这样布局了html:​我已将其更改为重复x和y的8x8 jpg。我很想摆脱底部的财产,但如果我这样做,框去的立场。我真的需要绕开这一点,但似乎什么都不起作用。。