这个问题似乎已经以各种形式回答了无数次，但我仍然找不到适合我的答案。简而言之，我有这样的布局:我要wrapper在浏览器中水平居中并填充浏览器高度的100%。每个随附的元素有一个固定的高度，它的总和通常大于浏览器窗口的高度。如果是这种情况，我就会得到我想要的布局。但是，如果浏览器窗口的高度大于封闭的的组合高度元素(例如iMac或纵向iPhone方向的情况)，然后是wrapper似乎在footer结束时停止下面窗口的其余部分是背景。wrapper背景和背景是不同的颜色，所以很明显是这种情况。有没有人对此有CSS解决方案，所以wrapper填充浏览器高度，不管这个高度是大于还是小于内容的组
我有一个div，用户可以在其中输入文本。但我想根据它的文本增加它的宽度，直到最多50%的屏幕。我的CSS代码:.messages{max-width:50%;min-width:150px;background:#ffeec0;padding:2px;margin:3px;-webkit-border-radius:2px;border-radius:2px;border:1pxsolid#ffdd7c;}结果:“555”消息后有很多空间，只有当用户输入如下文本时我才需要这个大小:那么，如何根据文本大小动态增加div的宽度？ 最佳答案
我有一个div，用户可以在其中输入文本。但我想根据它的文本增加它的宽度，直到最多50%的屏幕。我的CSS代码:.messages{max-width:50%;min-width:150px;background:#ffeec0;padding:2px;margin:3px;-webkit-border-radius:2px;border-radius:2px;border:1pxsolid#ffdd7c;}结果:“555”消息后有很多空间，只有当用户输入如下文本时我才需要这个大小:那么，如何根据文本大小动态增加div的宽度？ 最佳答案
图像是祖父div，黑色半透明叠加层是父div，裁剪部分是子div。用户将看到祖父图像和父叠加层，然后他可以使用子裁剪器div裁剪它。我尝试使用opacity和rgba背景失败。这些疯狂的方法似乎对我有用-在子div的背景中也设置祖父图像，然后更改background-position的x/y。将子级和父级合并为一个div，并使用rgbaborder作为叠加层(我friend的建议)。找到this在stackoverflow上，它使用box-shadow而不是边框，看起来与#2的方法类似。我对#2和#3的小提示是我需要为虚线边框添加另一个div，以便用户清楚地知道他正在裁剪什么。但我
图像是祖父div，黑色半透明叠加层是父div，裁剪部分是子div。用户将看到祖父图像和父叠加层，然后他可以使用子裁剪器div裁剪它。我尝试使用opacity和rgba背景失败。这些疯狂的方法似乎对我有用-在子div的背景中也设置祖父图像，然后更改background-position的x/y。将子级和父级合并为一个div，并使用rgbaborder作为叠加层(我friend的建议)。找到this在stackoverflow上，它使用box-shadow而不是边框，看起来与#2的方法类似。我对#2和#3的小提示是我需要为虚线边框添加另一个div，以便用户清楚地知道他正在裁剪什么。但我
我在一个父div中有4个div。为了让它们并排显示，我为所有4个div指定了一个带有float:left的样式。div确实并排显示，但父div的高度不会增长到包含子div的高度。我错过了什么？ 最佳答案 这是由float元素的实现引起的一个怪癖，当你有一个只包含float子元素的父元素时，就会发生这种情况。有两种方法可以解决。一种是将父元素的overflow属性设置为hidden，有时也称为overflow方法。另一个被称为clearfixmethod，并涉及:after伪类的使用。clearfix方法的优点是允许特定定位的元素“悬
我在一个父div中有4个div。为了让它们并排显示，我为所有4个div指定了一个带有float:left的样式。div确实并排显示，但父div的高度不会增长到包含子div的高度。我错过了什么？ 最佳答案 这是由float元素的实现引起的一个怪癖，当你有一个只包含float子元素的父元素时，就会发生这种情况。有两种方法可以解决。一种是将父元素的overflow属性设置为hidden，有时也称为overflow方法。另一个被称为clearfixmethod，并涉及:after伪类的使用。clearfix方法的优点是允许特定定位的元素“悬
我有两列，想按出现顺序堆叠不同高度的div。div是动态创建的。如果我只将它们float在50%的宽度上，很快我就会遇到div#4比传入的几个div高5倍的情况。然后下一个div与前一个div的底部对齐。我需要将子div放入容器中以使其完全匹配，如下所示:------------12-----3------------45-----6-----7------------89-----10-------11-------------------这是我所做的代码片段:.box{background:#20abff;color:#fff;width:50%;margin:5px;}.left
我有两列，想按出现顺序堆叠不同高度的div。div是动态创建的。如果我只将它们float在50%的宽度上，很快我就会遇到div#4比传入的几个div高5倍的情况。然后下一个div与前一个div的底部对齐。我需要将子div放入容器中以使其完全匹配，如下所示:------------12-----3------------45-----6-----7------------89-----10-------11-------------------这是我所做的代码片段:.box{background:#20abff;color:#fff;width:50%;margin:5px;}.left
编辑:由于这个问题已经变得非常流行，我将解决这个问题，以便它成为工作代码示例。原始问题仍然存在，但代码有效。我试图在按下按钮后显示一个div，但这行不通，知道为什么吗？fdsfds#show_button{visibility:hidden;}functionshow(){//alert("chekedthebutton-worked");document.getElementById("show_button").style.visibility='visible';} 最佳答案 将您的CSS更改为:#show_button{di
