这应该很容易，但我花了一段时间试图弄清楚这个问题……我有一个高度为73像素的div。我还有一个Iframe，它应该延伸到页面的其余部分，但它溢出了，我有两个滚动条(Iframe和页面)。如何让div位于Iframe上方并使Iframe处于100%高度？我也尝试了负边距和填充，但没有做任何事情。尝试在使用100%和top:73时去掉页面滚动条，但是你可以自己看代码。 最佳答案 我发现这是一个有趣的问题，所以我花了一些时间调试您页面上的设计。现在对我来说，textarea总是精确地延伸到页面底部，而不是更远，并且页面滚动条不会出现。修改
有没有办法，当我重叠(触摸)div时，使1像素的边框不会变成2像素。而且我知道我可以只在2个边上放置一个边框，但是div的一个边缘不会有边框。顺便说一下，我正在使用jQueryMasonry。 最佳答案 是的，右边的div看起来像这样border:1pxsolid#fff;border-left:none;第二个border-left将覆盖刚刚放在那里的左边框编辑:好吧，因为你正在使用jQuerymasonary-这样做.container{width:50px;height:80px;border:1pxsolidblack;ma
有没有办法，当我重叠(触摸)div时，使1像素的边框不会变成2像素。而且我知道我可以只在2个边上放置一个边框，但是div的一个边缘不会有边框。顺便说一下，我正在使用jQueryMasonry。 最佳答案 是的，右边的div看起来像这样border:1pxsolid#fff;border-left:none;第二个border-left将覆盖刚刚放在那里的左边框编辑:好吧，因为你正在使用jQuerymasonary-这样做.container{width:50px;height:80px;border:1pxsolidblack;ma
我对一行包含三个单元格的表格有疑问。其中两个(左和右)具有固定的宽度/高度，应该显示图像(或者在没有图像时缩小到0)。中间的单元格占用表格固定总数的剩余空间。问题:现在我最终得到3px的额外空间，“图像容器”似乎通过这些空间扩展(在单元格下方)。例如，您可以通过检查'starredunread'元素看到它，它的高度从20px增长到23px。而且我不知道发生了什么，因为默认情况下边距/填充已经关闭并且border:0和border-collapse:collapse没有帮助。这是CSS文件:/*------------------------------------------Reset
我对一行包含三个单元格的表格有疑问。其中两个(左和右)具有固定的宽度/高度，应该显示图像(或者在没有图像时缩小到0)。中间的单元格占用表格固定总数的剩余空间。问题:现在我最终得到3px的额外空间，“图像容器”似乎通过这些空间扩展(在单元格下方)。例如，您可以通过检查'starredunread'元素看到它，它的高度从20px增长到23px。而且我不知道发生了什么，因为默认情况下边距/填充已经关闭并且border:0和border-collapse:collapse没有帮助。这是CSS文件:/*------------------------------------------Reset
我正在尝试布局一个页面，该页面在顶部和内容区域有一个水平导航栏，当内容太大时将获得滚动条。我目前的做法是将div宽度设置为100%；高度50px；绝对位置；前0；离开0;然后是高度为100%的第二个div；宽度100%；边距顶部50px；溢出:自动；然而，出现的滚动条偏移了50px边距，因此将内容推离了页面底部。如果我删除边距，一切正常，但它会将内容放在导航栏后面。我还尝试将它包装在一个容器中，并尝试将它们的边距和溢出部分放在child身上，但这似乎仍然没有达到所需的效果。jsFiddle，带有注释以尝试更好地解释它。http://jsfiddle.net/Piercy/hggXJ/H
我正在尝试布局一个页面，该页面在顶部和内容区域有一个水平导航栏，当内容太大时将获得滚动条。我目前的做法是将div宽度设置为100%；高度50px；绝对位置；前0；离开0;然后是高度为100%的第二个div；宽度100%；边距顶部50px；溢出:自动；然而，出现的滚动条偏移了50px边距，因此将内容推离了页面底部。如果我删除边距，一切正常，但它会将内容放在导航栏后面。我还尝试将它包装在一个容器中，并尝试将它们的边距和溢出部分放在child身上，但这似乎仍然没有达到所需的效果。jsFiddle，带有注释以尝试更好地解释它。http://jsfiddle.net/Piercy/hggXJ/H
我需要实现一个带有占位符文本且没有可见标签的表单，但它仍然可供视力不佳的用户访问。在标签上设置text-indent:-9999px会隐藏它们，但会增加表单的额外空间。有什么理由不将字体大小设置为0px吗？屏幕阅读器仍可读吗？ 最佳答案 我的建议:.magic-text{color:transparent;font-size:0;}这将正确隐藏您的文本；font-size本身就足够了，但有些浏览器的行为不同，所以我们在那些浏览器中将其设置为透明(不可见)。至于那些不相信字体大小的浏览器，选择可能会显示您的文本，但这是一个非常低的代价
我需要实现一个带有占位符文本且没有可见标签的表单，但它仍然可供视力不佳的用户访问。在标签上设置text-indent:-9999px会隐藏它们，但会增加表单的额外空间。有什么理由不将字体大小设置为0px吗？屏幕阅读器仍可读吗？ 最佳答案 我的建议:.magic-text{color:transparent;font-size:0;}这将正确隐藏您的文本；font-size本身就足够了，但有些浏览器的行为不同，所以我们在那些浏览器中将其设置为透明(不可见)。至于那些不相信字体大小的浏览器，选择可能会显示您的文本，但这是一个非常低的代价
我正在开发一个使用同一类的多个div的元素，每个div都包含一个未指定高度的子元素，该子元素可能是图像或iframe。我希望容器div恰好是其子元素的高度，但默认高度比子元素高3px。我在http://jsfiddle.net/52me041n/2/有一个JSfiddle演示这个问题.HTML:CSS:.outside{background-color:red;}我想知道是否可以仅使用CSS将div设置为正确的高度，如果不能，如何使用JS调整它。 最佳答案 更新了fiddle。http://jsfiddle.net/52me041n
