草庐IT

固定效应

全部标签

html - 2列布局(左列固定宽度,右列流体+清除:both)

只是需要帮助,因为我多年来一直在努力解决这个问题。我需要什么:我有一个2列布局,其中左列的宽度固定为220像素,右列的宽度可变。代码是:Fluidhtml,body{background:#ccc;}.wrap{margin:20px;padding:20px;background:#fff;}.main{margin-left:220px;width:auto}.sidebar{width:200px;float:left;}.main,.sidebar{background:#eee;min-height:100px;}ThisisthestaticsidebarThisisthe

html - 如何创建具有垂直可滚动内容和始终可见的固定页脚的 DIV?

HTML应该像下面这样(对于格式和格式很抱歉,但我不知道如何发布HTML示例)whatevercontenthere...div's,ul'sandli's我正在寻找的结果是始终只为内容提供一个垂直滚动条,并且页脚应该始终在对话窗口的底部可见。对话框窗口是一个固定大小的对话框。我尝试了这里其他帖子的一些想法,但不符合所有要求。使用CSS执行此操作的任何想法(也欢迎使用js和jquery) 最佳答案 像下面这样的东西怎么样?只需创建一个容器,其中包含两个div,一个用于滚动内容,一个用于页脚。固定所有高度并使内容div可滚动。CSS(

html - 如何创建具有垂直可滚动内容和始终可见的固定页脚的 DIV?

HTML应该像下面这样(对于格式和格式很抱歉,但我不知道如何发布HTML示例)whatevercontenthere...div's,ul'sandli's我正在寻找的结果是始终只为内容提供一个垂直滚动条,并且页脚应该始终在对话窗口的底部可见。对话框窗口是一个固定大小的对话框。我尝试了这里其他帖子的一些想法,但不符合所有要求。使用CSS执行此操作的任何想法(也欢迎使用js和jquery) 最佳答案 像下面这样的东西怎么样?只需创建一个容器,其中包含两个div,一个用于滚动内容,一个用于页脚。固定所有高度并使内容div可滚动。CSS(

固定标题和 100% 内容高度的 CSS 布局?

我正在尝试获取一个固定高度的标题和一个填满屏幕的内容区域。内容div包含一个telerikmvc网格。我已经尝试了一些关于stackoverflow的建议,但是作为内容区域的控件似乎总是大小不正确,因为它没有考虑标题的固定高度,所以如果标题是40px,它会滚动额外的40px。有什么建议么?CSShtml,body{margin:0;padding:0;height:100%;}#header{position:absolute;height:40px;left:0;top:0;width:100%;background:green;}#content{position:absolute

固定标题和 100% 内容高度的 CSS 布局?

我正在尝试获取一个固定高度的标题和一个填满屏幕的内容区域。内容div包含一个telerikmvc网格。我已经尝试了一些关于stackoverflow的建议,但是作为内容区域的控件似乎总是大小不正确,因为它没有考虑标题的固定高度,所以如果标题是40px,它会滚动额外的40px。有什么建议么?CSShtml,body{margin:0;padding:0;height:100%;}#header{position:absolute;height:40px;left:0;top:0;width:100%;background:green;}#content{position:absolute

html - 内容可滚动时具有固定位置的页眉和页脚?

我正在尝试创建一个网站,其中页眉和页脚的位置固定,而内容在中间滚动。somecontent我创建了我认为有用的东西,但它没有用。这是jsFiddle与整个事情。正如您所看到的,部分内容隐藏在页脚下方(我最后看不到“HELLOWEEN”)。我必须更改什么才能修复它?谢谢 最佳答案 最简单的解决方法是添加等同于静态页眉和页脚高度的填充:#content{width:80%;margin:0auto;padding:60px0;}JSfiddle 关于html-内容可滚动时具有固定位置的页眉和

html - 内容可滚动时具有固定位置的页眉和页脚?

我正在尝试创建一个网站,其中页眉和页脚的位置固定,而内容在中间滚动。somecontent我创建了我认为有用的东西,但它没有用。这是jsFiddle与整个事情。正如您所看到的,部分内容隐藏在页脚下方(我最后看不到“HELLOWEEN”)。我必须更改什么才能修复它?谢谢 最佳答案 最简单的解决方法是添加等同于静态页眉和页脚高度的填充:#content{width:80%;margin:0auto;padding:60px0;}JSfiddle 关于html-内容可滚动时具有固定位置的页眉和

html - 滚动时如何使菜单栏固定在顶部

我想制作一个菜单栏,它在滚动时固定在页面顶部。类似于Facebook中的顶部菜单。另外,我想要一个div,在菜单栏的左侧放置Logofloat,在菜单栏的右侧放置一个导航float。 最佳答案 这应该让你开始Menu1Menu2Menu3body{margin-top:50px;}.menuBar{width:100%;height:50px;display:block;position:absolute;top:0;left:0;}.logo{float:left;}.nav{float:right;margin-right:10

html - 滚动时如何使菜单栏固定在顶部

我想制作一个菜单栏,它在滚动时固定在页面顶部。类似于Facebook中的顶部菜单。另外,我想要一个div,在菜单栏的左侧放置Logofloat,在菜单栏的右侧放置一个导航float。 最佳答案 这应该让你开始Menu1Menu2Menu3body{margin-top:50px;}.menuBar{width:100%;height:50px;display:block;position:absolute;top:0;left:0;}.logo{float:left;}.nav{float:right;margin-right:10

jquery - 使用固定标题偏移 anchor 链接

有一些类似的帖子(例如offsettinganhtmlanchortoadjustforfixedheader),但这些解决方案不适用于我的特定情况。我正在使用jQuery填充目录,特别是此处描述的方法:http://css-tricks.com/automatic-table-of-contents/.它在文章中搜索h2标签,然后创建anchor链接。问题是我使用的是固定header。当我单击这些anchor链接之一时,目标h2位于标题下方。我正在使用的一种临时解决方案是:h2:target{padding-top:[header-height];}这一直有效,直到您向上滚动,并且内