这是一个常见的问题，首先，让我们来看看为什么我认为这是独一无二的。在阅读了无数答案之后，我看到了一些创建粘性页脚的不同策略--所有这些都需要将CSS中的html, body设置为100%，然后将页脚定位在下面。
这个粘性页脚应该定位在我的Rails应用程序的页面内容下面。因此，动态内容的实例(即博客文章)将比viewport运行得更长。
我的粘性页脚在任何具有静态内容(或者不需要滚动)的页面上都能很好地工作，但是会始终将自己放在初始视图的末尾，这使得滚动时它看起来就像在页面的中间。我不能编码，因为这些帖子是动态的，但是这里是一个。
在我的CSS中，我控制页面包装和页脚，如下所示：
*
浏览 2提问于2016-07-27得票数 0
回答已采纳
我有3列的主题，我想有所有的列相同的高度。左右列的高度是固定的，应与动态高度列中的高度相同。
布局代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" href="st
浏览 1提问于2013-01-15得票数 0
2回答
我有下面这段代码
$('#charactersRemaining').html(123-countChars(this.value));
适用于除Safari以外的所有浏览器。即使在Safari中，如果我单击(id=charactersRemaining的) div区域中的内容，它也会刷新，但不会自动/动态刷新
有没有办法强制Safari刷新？
$().html('new content');
更新:我使用了以下'hack‘(用于safari)。但仍然有兴趣知道我是否遗漏了任何技术细节
$('#x').html('new'
浏览 0提问于2011-07-01得票数 0
回答已采纳
我有动态高度和30%宽度的右旋除尘器。其目标是使紫色元素在右div周围浮动，并在其结束后占用剩余的空间。是否可以只使用CSS来完成这个任务？
.container {
height: 500px;
width:100%;
}
.yellow {
width: 30%;
background: yellow;
float: right;
margin: 5px;
}
.purple {
background:purple;
he
浏览 0提问于2017-07-26得票数 2
回答已采纳
1回答
看起来好像在div的某个地方设置了一个"max-width“(或者有类似效果的东西)，但据我所知并没有。然而，容器的底部溢出到底部边缘，如下所示：
它为什么要这么做，我怎么才能阻止它呢？
更新
这里发生的情况是，html5部分元素被动态地(以编程方式，通过jQuery)添加到选项卡的内容区域。一些相关的代码：
HTML：
<div id="tabs" class="content-wrapper">
<ul>
<li><a href="#tab-Books">
浏览 0提问于2013-07-21得票数 2
回答已采纳
下面是页面右侧的PHP代码。这也是页面的动态部分。注意，节标记是随内容一起动态创建的。
while($row = mysqli_fetch_object($result)){
?>
<section id = "rewardDet">
<br>
<p> <h2><?php echo "N".$row->pledgeAmount. " " . "or more"; ?></h2></p> <br>
<p><s
浏览 0提问于2017-02-23得票数 0
1回答
图像上的文本块
、、
我正在使用instafeed库将instagram图片放到我的网站上，现在instafeed库很容易获得图片的标题。
现在我的问题是，我希望在每个图片的底部有标题文本。
但是由于这是动态创建的，所以我不能操作输出的html，所以我想知道CSS是否可以将图像文本放在每个图像的底部。
HTML
<div id="instafeed">
<img src="http://distilleryimage9.s3.amazonaws.com/3a81fe1e206d11e38bc322000a9d0dcb_7.jpg">
<div class
浏览 2提问于2013-09-18得票数 0
回答已采纳
假设我有这个HTML代码片段：
<div id="container">
<div id="textContent">Text Content Te</div>
<div id="anotherText">Another Text Content</div>
</div>
我想知道如何动态地调整div的textContent宽度，使其能够很好地适应其文本内容(文本既不会被包装、滚动，也不会被截断)。
我对任何使用CSS和/或JavaScript的解决方案都很开放。
浏览 3提问于2009-05-11得票数 9
回答已采纳
3回答
横向场地问题
、、
我正在创建一个水平滚动站点，当我稍后向其添加javascript时，它将动态地调整自身的大小。但是，我开始设置HTML，当我将另一个 div 放入构成动态代码的div中时，代码似乎会引起问题。
另外，如果有的话，有更多经验的人愿意解释使用这样的代码的缺点吗？
#main_cont {
height : 500px;
white-space : nowrap;
overflow-x: scroll;
width: auto;
}
.ads {
display : inline-block;
height : 100%;
}
有没有办法让我调整下面的代码，这样我
浏览 3提问于2013-08-18得票数 1
回答已采纳
2回答
交换两张表
、、、
我希望允许用户在html页面上交换两个表的位置。理想情况下，我希望创建一个用户设置，通过这样的方式创建一个用户设置:单击此按钮使表1位于顶部，或单击此按钮使表2位于顶部或广播框上。如何才能做到这一点？
编辑：表中的数据是通过angularjs函数提供的，并且是动态的。它根据服务器消息进行更改。我认为，这与Jquery或其他能实现这一目标的东西有关。我不想通过处理这两个表的代码几次来做ng显示。
浏览 2提问于2015-03-25得票数 0
回答已采纳
我正在尝试实现一个内容，我需要有一个100%的浏览器宽度的一节，里面我需要有一个左边的大小与200px宽度的div，在它的右边我需要有一个动态宽度取决于浏览器宽度的div。示例..browser = 900px ->左div 200px右div 700px。这两个div都有动态高度，这取决于我在其中输入了多少信息。包装器div将采用这两个div高度中最大的一个。
到目前为止，我做了类似于下面的html
<section id="wrapper">
<div id="list">
</div>
<div
浏览 0提问于2012-08-02得票数 7
回答已采纳
我有两个div，而(div 1)是左浮动，而(div 2)是右浮动。我正在创建一个响应布局，当视图端口更改时，(div 1)将位于(div 2)下。我通过MS创建了一个简单的图像，以提供更简单的说明和一些代码。另外，它们都包含动态内容，因此它们的高度不能固定。
没有javascript (如果可能的话)只是简单的CSS。我只知道如何将div 2置于div 1之下，而不知道如何将div 2置于div 1之下。
有人知道我是怎么做到的吗？
HTML：
<div id="div1 sidebar" style="float: left;">
浏览 1提问于2013-09-20得票数 6
3回答
我对CSS/HTML很陌生，并且很难理解为什么当将文本"Title“从div.position容器标签中放下来时。谢谢你的帮助。
CSS代码：
div {
display: inline-block;
}
.position {
float: left;
}
HTML代码：
<div>
<label>Label</label>
<div class="group">
<div class="position">
<
浏览 3提问于2014-09-29得票数 0
回答已采纳
2回答
我正在使用HTML5+Javascript设计移动网页。我通过javascript动态添加了一张图片。但是，当我尝试在该图像上动态设置文本时，它不起作用。
我想要的文字出现在图像上。我的代码是；
<script>
for(var i=0;i<5;i++) {
var ele = document.getElementById('container');
var table = document.createElement('table');
table.className = 'c1';
var tr =
浏览 2提问于2013-07-04得票数 0
回答已采纳
1回答
我有一个用javascript/html构建的计算器，它会随着输入的填充而展开。下面的div是一些基本内容，并与社交媒体按钮共享，但该内容不会向上或向下移动，因为div似乎是重叠的。
我尝试了display:block、position:relative等，以及我在网上找到的其他变体，所有div都涉及到，但我不太熟悉div的定位，当涉及到动态大小时，就像我的一样。如何在计算器启动后使div不重叠？
页面是：
非常感谢大家提前！
浏览 0提问于2015-10-23得票数 0
回答已采纳
2回答
可滚动的图像行
、、、
我有一个小图像，我需要沿着x方向重复特定的次数。图像的“行”应该是可滚动的，如果可能的话，我想避免使用表格。
这可以用Html + Css来实现吗？html代码将使用PHP动态生成。有什么特别的想法吗？
谢谢!
浏览 4提问于2013-02-08得票数 0
4回答
我有下面的HTML，我想在按钮和文本后面显示一个蓝色背景。不幸的是，使用下面的代码，蓝色背景消失了。如果我去掉I按钮和文本的CSS，背景就回来了。
我做错了什么？
谢谢!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
浏览 0提问于2009-03-12得票数 10
回答已采纳
1回答
我试图让两列并排显示(向左/向右浮动)，但它们都有动态文本。
好了！
<div class="news-item">
<div class="news-pic">
<a href="#">
<img src="" width="126" height="80" alt="">
</a>
</div>
<div class
浏览 4提问于2012-04-08得票数 0
回答已采纳
我正在尝试制作一个网页，其中的一些元素是动态创建的。我写了以下内容：
<!DOCTYPE html>
<html>
<head>
<title>test</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
</head>
<body>
<p>Here's some example
浏览 3提问于2013-05-29得票数 3
回答已采纳
我使用的是一个叫做即兴的jQuery插件。它基本上是一个干净模式框的插件。在模式框的底部有一个用于按钮的栏，但在后面的代码中，我不得不使用更多的JS来动态添加一个额外的按钮，但它位于左侧。它在除IE以外的所有浏览器中看起来都很好(未测试6或8，但此问题在IE7中出现，并在9中修复)。
请看这里的图片：
左边的按钮与右边的按钮具有相同的类，除了两个额外的属性：position:relative和float:left。在包含按钮的div之后，我用clear:left添加了一个额外的div，但这似乎没有任何影响。
按钮本身是简单的button元素，语法相当繁重。例如，这是新添加的(有问题的)按钮的H
浏览 0提问于2012-08-12得票数 0
回答已采纳
2回答
我正在制作一个“排序元素”网络游戏使用jQuery，HTML和CSS。虽然在FF、IE8、Opera、Chrome中一切都很好，但我在块元素中使用IE7包装词时遇到了问题。
下面是它在IE7中的表现(错误)：
在IE8中，带有包装文本的框只需展开以将其放在一行中，而不会有任何溢出。对不起，不能以新用户的身份提供另一个链接
不要介意元素的顺序，因为它是随机的。元素由jQuery动态生成。
HTML代码：
<div class="ui-sortable" id="area">
<span class="object">:
浏览 4提问于2010-02-20得票数 2
回答已采纳
我有一堆宽度可变的子项<div>，我希望它们在父项中右对齐。我还希望父<div>的宽度不超过包含子项所需的宽度。(我事先不知道子项的宽度--它们将包含动态生成的内容。)
下面是一个在IE 8.0中正常工作但在Firefox3.5中不能正常工作的例子(子<div>不是右对齐的)：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&g
浏览 0提问于2010-01-20得票数 3
4回答
代码如下：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title></title>
<style type="text/css">
* {border: 0px; padding: 0px;}
#greenbox
{
margin: 20px;
浏览 0提问于2011-03-20得票数 0
我写了这个测试代码
public class ConstructorTestApplication {
private static String result;
public static void main(String[] args) {
ConstructorTest test1 = new ConstructorTest(0);
System.out.println(result);
}
private static class ConstructorTest {
public Constru
浏览 1提问于2015-02-22得票数 11
回答已采纳
<div id="page">
<div id="header">
Header goes here.
</div> <!--end of header -->
<div id="main">
<div id="photos">
THIS IS FLOATED LEFT.
Photos are dynamically added here.
浏览 1提问于2011-08-11得票数 0
回答已采纳
1回答
我有一个示例代码：
<html>
<head>
</head>
<body>
<div style="float:left;" id="1">
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
</div>
<div style="border:1px solid black;" id="2">
bbbbbbbbbbbbbbbbbbbbbbbbbbb
</div>
</body>
</html>
d
浏览 2提问于2014-02-13得票数 1
回答已采纳
我使用砖石来显示内容，masonry.desandro.com，问题是它没有给容器适当的高度，好像你知道，砖石动态地给容器高度和内部项目的边距样式，但它不像它应该的那样工作。这是石工js。
$(function(){
$('#ItemContainer').masonry({
// options
itemSelector : '.item'
});
});
这是我的html框架
<html><body>
<div id="content">
浏览 1提问于2012-08-17得票数 4
我遇到了一个奇怪的问题，当浮动元素仍然有足够的空间时，它会换到下一行。我意识到这可以通过删除<p>或< div >来解决，但我想要干净有效的代码。最重要的是，我想知道为什么会发生这种情况。
HTML：
<div class="section" style="width: 8000px;">
<div style="" class="bottom">
<div class="img6"></div>
<
浏览 0提问于2011-06-29得票数 1
回答已采纳
1回答
我的网站有问题。我根据JSON文件向页面添加了可变数量的元素。如果有太多，背景色就会停止。然而，问题似乎只发生在Firefox和Edge中。Chrome看起来很好。
这是我的布局的一般CSS代码：
body{
font-family: 'Roboto', sans-serif;
display: grid;
grid-template-rows: 1fr 20px;
grid-template-columns: 13% 87%;
h
浏览 1提问于2017-12-07得票数 0
回答已采纳
我有一个包含以下CSS的div：
#feedback {
min-height: 24px;
line-height: 24px;
margin-bottom: 10px;
display: none;
}
然后我使用jQuery添加一些内容。
jQuery('.feedback_text').html(feedback.message);
jQuery('.feedback_icon').addClass(feedback.type);
jQuery('#feedback').fadeIn('normal', f
浏览 1提问于2011-07-06得票数 4
回答已采纳
3回答
我有几个链接，有一个3px的左边距。这些链接加下划线，如下所示：
<a href='#'>
test
</a>
不幸的是，链接中有空格，我无法删除这些空间，因为我无法访问HTML代码。这些空格也有下划线，我对此不满意。有没有办法在不更改HTML的情况下删除它们？
这里有一个小提琴显示了我的问题：
更新：
这是一张照片，我想让它看起来像：
浏览 5提问于2014-04-20得票数 7
回答已采纳
1回答
所以。我的代码大致是这样的
<html>
<body>
<div id="header" style="width:100%;min-height:0;display:block;background-color:#000">
<img src="header_image.svg" />
</div>
<div id="content" style"display:block">
Some
浏览 2提问于2013-09-15得票数 5
回答已采纳
1回答
我为<html><head></head>的网页设置了一个标准，后面是<body></body></html>。在<body></body>中，我有三个部分，一个<header></header>，一个获取每个页面文本的<div></div>和一个<footer></footer>。这三个部分都应用了display: block;。<body>以黄色背景和绿色边框定义。<header>和<div&g
浏览 0提问于2013-06-11得票数 0
回答已采纳
3回答
我想先显示文本框，然后先显示button.But按钮，然后添加css代码和html。
css
.search,.stxt{
float: right;
}
html
<form method="POST">
<p style="align:right;">
<input class="stxt" type="text" name="searchtxt"><a style="padding-right:2ex;&#
浏览 10提问于2015-02-12得票数 0
回答已采纳
我在Stack Overflow中浏览了类似的问题，但都没有解决问题：
我有太多的跨度：
<span class="in_bl right">Right</span>
<span class="in_bl left">Left</span>
我需要以相反的顺序显示它们，这就是我浮动它们的原因。这在除Internet explorer之外的所有浏览器中都工作得很好。
请看一下IE中的这个小提琴：
其实有两个问题：
a)将单词"Right“浮动到窗口的最末尾
b)“左”和“右”这两个词现在都出现在第二行，而不
浏览 2提问于2012-02-26得票数 2
1回答
在下面的html代码中，
<body>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua. <img src="LittleBrain.jpg"> Ut
enim ad minim veniam, quis nostrud exercitation ullamco l
浏览 3提问于2016-09-04得票数 2
回答已采纳
我对简单的HTML和CSS代码有问题。我需要使一个div成为“出”的父母div，而其他的是在父母的内部，他们必须把它垂直拉伸。
#parent{
width:80%;
min-height:50px;
background:red;
}
.child{
width:20%;
height:20px;
margin-left:-5%;
background:blue;
float:left;
}
.child-b{
width:40%;
float:left;
}
<div id="parent">
<div cl
浏览 1提问于2018-01-09得票数 0
回答已采纳
3回答
非常简单的问题时间：
我有两个div。
<div id="1">
<p>hello</p>
</div>
<div id="2">
<p>goodbye</p>
</div>
#1漂浮在左边。#2漂浮在左边。除了将HTML更改为将#2推到#1的左侧之外，我还能做什么？我知道一个使用绝对和相对定位的解决方案，但如果有一种更“动态”的方法(比如浮动)，那就太好了。
浏览 0提问于2011-07-19得票数 2
回答已采纳
1回答
自动设置网页高度
、、
我正在做一个web-application，也有很多静态页面和动态页面。所以我想根据内容来设置它们的高度。要做到这一点，我只是创建了一个外部div，其中我只给出了与容器相关的样式。如下所示
.mainbox
{
margin-left:auto;
margin-right:auto;
width:80%;
}
在下一个选择器中，我指定了一个固定的高度，它帮助我将背景区域扩展到主页的内容。但这并不能解决我的目的。其内容如下。
.mbstyles
{
margin-top:0; height:800px; background-color:#FCFAE6
}
现
浏览 2提问于2014-10-17得票数 0
回答已采纳
1回答
表单不停留在按钮旁边
、、、
我正在设计一个HTML网页上的页脚，上面有一个无线电选择表单。我在页脚div中有一些按钮，使用<center>居中。没有表单，它是100%工作的。如果不在样式表中使用float: right;，则无法使表单显示在其他按钮旁边。当我使用float时，它与div中其他按钮的动态不一致。我试过设定固定高度，但我希望它是动态的。那么，我如何才能让表单显示在链接的旁边，就像链接显示在彼此旁边一样？
JSFiddle：
图表：
浏览 5提问于2016-08-11得票数 0
回答已采纳
我正在创建一个有3列的网页。中间的一列是所有内容的位置。我想要输入的内容必须是左对齐图像的格式，然后是图像旁边的一些文本。并且这以不同的图像和相应的文本在列中流动。因为我的布局是基于div的布局，所以我为该列放置了一个主div (page_content )。然后是标题(h4)，在标题下面我输入了另一个div。这个div包含单独的div，这些div与用于图像的div(类照片)和用于文本的div(类lat_art)嵌套在一起。下面给出了HTML代码和CSS代码。我的问题是，第一个图像和文本出现，但随后的get垂直排列在第一个文本下面，即只占据div的50%，并向右浮动，将其相应的文本推入其下方的
浏览 1提问于2009-02-20得票数 0
下面的代码演示了我遇到的问题：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style>
p
{
background-color:#FFF;
}
</style>
</head>
<body>
<img src="http://www.google.co
浏览 0提问于2009-07-27得票数 0
回答已采纳
我有一个非常简单的HTML/CSS代码片段：
<div style="float: left; width: 180px; clear: both;">Foo</div>
<div style="float: left; width: 180px;">Bar</div>
两个div都是向左浮动的，但是Foo div有clear: both。这样可以防止Bar div漂浮在它旁边..。如果你把HTML放到浏览器中，你会看到两个div是相邻的。
我对clear有什么不理解的地方？
浏览 0提问于2018-07-25得票数 0
当一个div是“动态的”时，你如何将两个div放在容器内的中心位置？也就是说，当您在content-top-search中单击搜索输入时，它的宽度将从226更改为462。
下面是我的CSS代码：
.content-top-buttonsearch-holder {
text-align: center;
float: left;
width: 816px;
margin-left: 15px;
}
.content-top-buttons {
height: 31px;
width: 269px;
float: left;
mar
浏览 3提问于2011-11-29得票数 0
回答已采纳
2回答
CSS继承不继承
、、
基本上，这是我的问题。该容器未正确继承renderzone的高度。它只是保持不变，这真的很令人恼火。Renderzone将随着用户内容动态增长，我希望有一个章节列表的列，这样它就不会包装内容。
JSFiddle版本-
<!DOCTYPE html>
<html>
<head></head>
<body>
<div id="hidden"
style="visibility: visible; height: auto; ">
浏览 1提问于2011-10-22得票数 1
2回答
我有一个菜单和一个标志在标题上，我正在努力使徽标在网站左侧的边缘和菜单的右侧边缘。
问题是，当它们都被显示为内联块时--这意味着它们将浮动到默认的方向，这是左的，我想不出一种方法来改变这一点，请帮助。
这里是CSS代码：
/*Header*/
.wrapperHeader{
background-color: #FFFFFF;
border-bottom: 1px solid #DDDDDD;
width: 100%;
padding: 15px 0px;
z-index: 1000;
}
.content{
width: 1000px;
浏览 1提问于2013-06-22得票数 1
回答已采纳
3回答
中心液体布局
、、、
我看不出哪里有问题，但是.topbar并没有像它应该的那样居中...从左到右的距离应该相等。
这是我的代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="cont
浏览 1提问于2012-03-26得票数 1
回答已采纳
在Flex中，有一个名为VGroup的容器组件，它可以垂直布局它的内容。在HTML中，下列内容的等价物是什么：
<VGroup gap="10">
<button height="50" width="20"/>
<button height="10"/>
<button height="100"/>
</VGroup>
对于超文本标记语言开发人员来说，VGroup的特性是VGroup标记中的每一项都是它自己的行。在上面的代码中，将有三行
浏览 0提问于2013-05-21得票数 0
回答已采纳
4回答
以下代码来自W3CSchool示例：
<!DOCTYPE html>
<html>
<body>
<div id="container" style="width:500px">
<div id="header" style="background-color:#FFA500;">
<h1 style="margin-bottom:0;">Main Title of Web Page</h1></div>
<
浏览 0提问于2013-01-14得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
