我尝试做以下布局,但我也希望旧浏览器也支持此布局,至少是IE8(ie7和ie6支持也不错)。

数字2的部分,高度为100%,我的意思是高度为100%-50px以上,同样适用于其他类似情况。 基本上,我希望具有以下布局,因此它不会具有x和y滚动。

我尝试了不同的方法,得出了这个丑陋的结果:

codepen

注意:我不介意使用javascript,但希望在可能的地方使用CSS。

布局

===============>>#1 票数:1 已采纳

并未在所有浏览器中对其进行测试,但似乎可以在chrome中使用。 http://codepen.io/anon/pen/GeBso/基本上,我所做的工作是在某些div上使用absolute位置以使其高度达到100%,并使用float: leftchat div内的div上float: left

  ask by Almis translate from so

未解决问题?本站智能推荐:

1回复

尝试制作旋转木马滑块

即时通讯试图制作一个简单的带有3个幻灯片的旋转木马滑块,里面有一些内容,现在的问题是,当即时通讯在最后一个幻灯片上时,我无法转到第一张幻灯片,因此,如果有人能在即时通讯上提供一些指示,我将不胜感激错误。 看一看: http://codepen.io/anon/pen/bNpYLB e
1回复

尝试制作圆形图像

这个问题之前已经被问过很多次了,但是我似乎仍然无法弄清楚这样一个简单的问题。 我正在尝试拍摄图像并将其圈成圆圈,但是当我尝试这样做时: 我的图像仍然看起来像这样: 白色边框是我想要的尺寸,但是由于某种原因,实际照片被裁剪掉了。 我将不胜感激! 为此拉我的头发:-(
1回复

你好! 我正在尝试制作一个有效的滑块。 javascript,css和html

您好,我正在尝试制作一个带有按钮的响应式滑块。 滑块应该一次可以装载4个面板。 Java脚本中设置了一个计时器功能,可在4秒后将每个div移到另一个位置。 没有一个按预期工作! 如果可以的话请帮忙。 我的html是: 我的CSS是 我的JavaScript是:
2回复

尝试制作一个按钮,将您带到Google页面

我有一个带按钮和onclick函数脚本的html脚本,应该将我带到google.com,但似乎不起作用。 坚持了几个小时。 我对HTML也很陌生。 尝试了一切。 第336和353行应为必需的内容。 136行应该是按钮本身。 我不明白怎么了 有人遇到过这个问题吗?
2回复

我正在尝试制作一个标题相同的幻灯片

我想在该代码中放入更多图像以使其幻灯片​​显示,但即​​使图像滑动,也要在其中保留h1和h2标签。这是我的代码,可以正确显示其标题上方的图像:HTML: CSS: 好的,还有其他代码可以在其中进行幻灯片显示,但是在此代码中,我可以将div带有h1和h2标签: 和脚本:
1回复

尝试制作文本编辑器时出现问题

在这里,我试图制作一个具有两个特征的文本编辑器。 随着文本数量的增加,它的大小也会增加。 2.可以用鼠标向上或向下拖动(我还没有实现它,所以现在已经不成问题了) 我在编辑器div的底部放置了一个向下指示器图像。 问题是: 1.当文本到达底部时,它与
2回复

是什么导致布局中断? 尝试制作横向布局的网站

我正在尝试按照此处的指南创建水平布局: http : //www.queness.com/post/356/create-a-vertical-horizo​​ntal-and-diagonal-sliding-content-website-with-jquery现在它使用了html,css和
1回复

我正在尝试制作此幻灯片内容的javascript函数,但某些方法无法正常工作

我正在尝试使javascript幻灯片中的功能与内容幻灯片的底部上与单击的徽标/按钮相关的内容(移动其位置)有关。 这是HTML代码: var links = document.querySelectorAll(".clientLogo"); var wrapper = doc
1回复

尝试制作动态填充的链接选择框以在页面上显示特定图像

我正在尝试创建一个具有动态填充选择下拉列表的表单,当我选择汽车制造商然后选择汽车模型时,我可以单击“执行”按钮(我知道这可以通过状态更改来完成,但是我非常需要一个转到按钮)在同一页面的框架中显示了该特定汽车的图像,但是我被困在了转到按钮部分,有人可以帮忙吗? // object
2回复

我正在尝试制作代码编辑器,但是结果框中什么也没有出现

我正在尝试向我的网站添加代码编辑器,但是结果框中什么也没有显示。 我尝试使用.innerHTML提取代码,并将其放在结果框中,但是什么也没出现。