有关调整HTML元素大小的问题

时间:2013-11-28 02:58:25

标签: html css resize window webpage

我以前问过这个问题,得到了一个有效的,有效的答案。虽然我的当前问题似乎不受此处提供的结果的影响:

My Webpage Won't Retain it's Width When Narrowed

根据我在这里收到的答案,我在我(和其他人)屏幕顶部的横幅保留了半尺寸窗口中最大化窗口的100%尺寸。

在Layman的条款中,横幅在不同的窗口中保持相同的大小。

现在我有一个更令人困惑的问题...... 页面上的其他元素(特别是div)将不会保留相同的功能,即使它们包含在我在链接中引入的包装div中。

我没有使用源代码向您的网页发送垃圾邮件,而是决定只包含指向包含我的.HTML和.CSS以及图片的.zip的链接,以便提供最准确的可视化我正在经历的事情。

源代码:https://www.dropbox.com/s/41p4uqu5qowotgk/CSwebpage.zip

感谢您的帮助!

1 个答案:

答案 0 :(得分:0)

好的,所以我有点做了一种hacky方法,但我解决问题的方法是创建 #wrapper div中的div,ided #hacker。然后我把你的最小宽度900px放在那个div上,它运行正常。但是它把你绝对定位的#quotebox放到页面的bottem上。所以部分修复它取代了它的规则:

qouteBox {

width: 48.6%;
float: right;
border: 1px dashed #7FFF00;
height: 35px;
position: relative;
top: -30px;
right: 8px;

}

这将使它足够接近你能够微调它。

请告诉我这是否有帮助!

编辑#1:抱歉,我忘了告诉你在900px最小宽度设置后添加!mportant规则:

hacker {quotebox:min-width:900px!important}

这将覆盖所有其他常规和特定的css规则。