草庐IT

javascript - 故意让一个 div 溢出 32px?

我有一个样式为height:100%的div。我希望高度为浏览器窗口的100%,再加上底部额外的32px,它将被切断(连同其内容)。这可能吗?我搜索了一下,但似乎大多数人都试图避免这种情况,而不是创造这种情况。纯CSS解决方案会更可取,但如果这是唯一的方法,我会尝试javascript或jquery。提前致谢!澄清:div中将有我试图裁剪掉的内容,大约32像素。所以添加填充或任何类型的空白并不是我想要的。谢谢。 最佳答案 只需按照通常的方式制作一个100%高度的div,然后添加padding-bottom:32px;即可。例如:ht

javascript - 像 500px.com 或 Lightbox 这样的图像网格。 com?

一直在尝试实现与500px.com上的图像网格相当的图像网格和lightbox.com但没有成功。我想知道这种网格类型叫什么,是否有任何解决方案可以学习/弄清楚如何创建类似的东西。 最佳答案 我认为Masonry是您要找的东西,但您有几个不错的jquery插件。在这里查看一些:http://masonry.desandro.com/http://isotope.metafizzy.co/http://css-tricks.com/seamless-responsive-photo-grid/

html - 与 IE9 相比,Firefox 似乎在大多数元素的顶部添加了 3px

还有一个“Firefox不同意IE9”和其他问题。我可以解释这是怎么回事,但是一张图片说了一千多个字,所以我拍了一张FF和IE的截图:这是标记:Look!SeehowdifferentIErendersfromFF?HowcanIfixthis?可能是什么原因造成的?我用Firebug尝试了几种不同的东西,但都无济于事。为什么Web开发必须如此烦人?:)P.S:在评论我对内联样式的使用之前,请注意这是我的元素所需要的。:)编辑:按照Cygal和Christophe的建议,通过使用CSSReset,并将其仅应用于我的对象,结果如下:正如easwee很好地指出的那样,真的不能要求更好的东西

html - 内部有图像的 div 上的 3px 额外高度

我正在开发一个新网站,但有一个小设计问题我无法理解。基本上,我正在创建一个网站,用户可以将有趣的图片上传到该网站。虽然显示图片的区域下方有3px的间隙。这是我的意思的屏幕截图链接,死链接。我尝试了很多东西,但似乎没有任何效果。如果有人可以提出任何解决方案,请提出。谢谢。 最佳答案 这是由于图像的默认vertical-align值。它们是基线。更改为top或bottom它将消失。img{vertical-align:top;}额外的空间是基线下方的区域,用于悬卡在下方的字母,如y或g。 关

html - Bootstrap 输入组 1px 差异

我在模态对话框中使用输入组。并且按钮比其他元素少1px。我该如何解决它,为什么我有这个错误?我使用Bootstrap3ks 最佳答案 对我来说,错误是因为舍入错误。有这个样式规则.btn{line-height:1.42857;}应该是.btn{line-height:1.42857143;}事实证明,在其他SASS文件中导入bootstrap会导致精度损失。SASS编译过程需要标志--precision8才能正常工作。但是,对于您来说,如另一个答案中所述,您只需要将图标放在另一个标签中即可。

html - 使用 CSS 在表格上获取 1px 边框的问题

我尝试了很多组合,但我似乎无法在所有单元格和表格周围获得一个简单的1px边框。这是我拥有的:table.admin{border-collapse:collapse;}table.admin,table.admintd,table.adminth{border:1pxsolid#BBB;padding:5px;}table.admintd{text-align:left;}table.adminth{background-color:#BBB;font-weight:400;}RowRowabcabcabcabc它看起来非常简单,但我得到的是一个表格,其中每一行的底部边框都是2px。我

html - CSS: fixed positioning, right: 0px 但不会遵守 max-width

我无法让定位、最大宽度和“right:0px”协同工作!我正在创建一个固定在我网站右上角的div。页面内容的最大宽度为1000像素,但标签仅遵守我的“右:0像素”规则并坚持在右侧,一旦达到最大宽度则不遵守。还应该注意的是,默认情况下,div位于左上角并遵守最大宽度(如果我键入“left:0px;”,但它不遵守规则并且坚持在左边)。CSS:#content{margin:0auto;max-width:1000px;}#div{width:150px;position:fixed;right:0px;}以下是我已经尝试过的一些替代方案:width:100%(withtext-align:

jquery - 滚动距离顶部 20px 时需要修复 div

我不确定这是否可以用纯CSS完成,或者我是否需要使用一些jQuery来完成。我有一个div(product_image),在其当前状态下,它位于距顶部约400px的位置并相对定位,因此它清除了顶部菜单和标题,我需要做的是当用户向下滚动并达到约20px时从div的顶部开始,我需要将div固定。这是我尝试过的方法,我有一个带相对定位的主div,然后我有另一个div,用固定定位包裹里面的所有东西。问题是div停留在距离顶部400px的位置。代码如下:和CSS.product_image{position:relative;float:left;width:450px;margin-left:

html - GMail 强制包含 spacer.gif 的 TD 为 16px 高

因此,为了赢得这场战斗,我刚刚失去了几个小时的生命,但没有运气。总之,我试图用三个10px的图像填充一个表格,但GMail强制每个单元格为16px。这是我正在使用的:我很抱歉有这么多冗余属性,因为我一直在尝试一切。基本上,我正在尝试使表格恰好高10像素。然而,无论如何,GMail将其设置为16px高。如果我使用开发人员工具直接从源代码中删除所有三个图像,那么表格会折叠到10px。另外,如果我删除了三张图片中的两张,它仍然是16px。如果它包含图像,几乎就好像TD必须是16px,或者图像周围有3px的填充。有人遇到过这样的事情吗?如果是这样,有什么想法吗?我的想法和理智都用完了..

html - 如何制作宽度和高度为 16px 的复选框?

这个问题在这里已经有了答案:CanIchangethecheckboxsizeusingCSS?(18个答案)关闭8年前。我想要一个宽度为16px、高度为16px的大复选框。我不想必须使用JavaScript插件。这可以用现代CSS完成吗?