草庐IT

box-offsets-trbl

全部标签

html - min-height/min-width 在某些浏览器中不考虑 box-sizing

请看这个例子:http://jsfiddle.net/vrgT3/5/我用overflow:auto;创建了一个250x250px父div,因此当内容溢出框时会出现滚动条。我设置了蓝色背景,以便在父级可见时清晰显示。在父级内部是一个带有红色背景的子级div,以便可见。它有8px黑色边框和box-sizing:border-box;因此填充和边框包含在计算框的大小中。子div设置为min-height:100%和min-width:100%。预期结果:子div应与父div大小完全相同,因此不会显示蓝色,也不会出现滚动条。计算出的框大小(内容+填充+边框)应为250x250px。应该有8p

html - CSS Box/shadow 重叠问题 z-index

请看一下代码片段:http://codepen.io/anon/pen/JItLa我试图显示2行block,每行包含不同数量的元素。悬停事件应该显示CSS阴影,但是有一个问题:阴影的右边框与下一个block重叠。你会说这里可能的解决方案是使用display:inline-block,它在block之间留下间隙,但我不需要这些间隙。这些block应该彼此粘在一起,但右边的阴影应该在悬停时与下一个block重叠。html,body{margin:0;padding:0}.wrapper{width:100%;margin-top:20px}.tile,.tile2{float:left;b

javascript - this.offset 不是点击函数中的函数

错误是_this.offset不是函数。我将其记录到控制台,它是我点击的元素,所以我很困惑为什么这不起作用。$('.item').click(function(e){var_this=this;vartopx=_this.offset().top;varleftx=_this.offset().left;varmoveArea=$('#replace').offset().top;varmoveLeft=$('#replace').offset().left;varmoveUp=topx-moveArea-50;_this.css('position','absolute').css(

javascript - Box2dweb - 碰撞接触点

我使用box2dweb。我正在尝试开发游戏。在某些时候,我需要找出“圆”和“盒子”之间的接触点。我所知道的是它可以使用b2ContactListener来完成。我们可以通过使用Post-SolveEvent实现b2ContactListener来接收联系人数据。请帮忙! 最佳答案 您走在正确的轨道上,您可以使用b2ContactListener连接到各种事件:varb2Listener=Box2D.Dynamics.b2ContactListener;//Addlistenersforcontactvarlistener=newb2

javascript - 尝试获取元素onload的offset top值时获取0

我正在处理具有多个iframe的项目。主iframe有页面,页面包含也有页面内容的子iframe。在子iframe中我有选项卡,每个选项卡都有从服务器动态加载的页面内容。我试图在页面加载时使用offset().top从屏幕顶部获取div元素的偏移顶部值。它在使用“重新加载iframe”重新加载子iframe时返回一些值,但在重新加载页面时返回“0”。我附上我正在尝试做的图片,如果我没有在上面清楚地解释我的问题,请检查。我尝试了这段代码并将这段代码放在$(document).ready(){}中,它在重新加载特定的iframe时工作正常。但在加载时返回0。var$stored_selec

html - 如何在 twitter bootstrap 中使用 span 和 offset 类

我只是TwitterBootstrap的初学者。我正在尝试通过类span和offset来使用它的网格功能。这是我的代码:Bootstrap101Templateul.unstyled>li{list-style-type:none;}A.Option1B.Option2C.option3D.option4E.option5MarkToreview谁能告诉我我错在哪里?我的网页中没有得到抵消margin。我使用了Bootstrap示例中描述的代码http://twitter.github.io/bootstrap/scaffolding.html#gridSystem我的HTML网页代码

javascript - Twitter 如何实现其 Tweet Box?

我正在尝试实现类似于Twitter的推文框,具体来说:当总长度超过140个字符时,自动以红色背景突出显示文本。自动以蓝色突出显示链接、提及和主题标签。这些应该在用户键入时自动发生。根据我在Twitter上看到的语义标记,他们似乎在使用contentEditable分区每当检测到提及/主题标签/链接时,或者当长度超过140个字符时,都会修改内部的DOM:helloworld@testMentiontext#helloWorldtexthttp://www.google.comtexttexttexttexttexttexttexttexttexttexttexttexttexttexto

html - 推特 Bootstrap 3 : Small Offset/Margin

我正在使用twitterbootstrap3。我想要的是两个div之间的边距,它小于网格大小(因此col-md-offset-*不适用于此)。somecontentsomeothercontent我想知道,twitter-bootstrap实现这一目标的方法是什么?当然,可以只定义边距,但这会破坏twitterbootstrap的行/列布局,所以我觉得必须有更好的解决方案。 最佳答案 默认情况下,每列的两边都有15px的内边距。这构造了一个15x2=30像素的装订线。您可以通过为您的内容或列添加背景颜色来使装订线可见。要使空间小于c

html - css box-shadow 是元素框模型的一部分吗?

box-shadow是盒子的一部分吗?阴影的宽度是否包含在block元素的总宽度中? 最佳答案 根据box-shadow:shadoweffectonelementsincss3,没有。box-shadow应用于盒子模型的外部,除非您指定“inset”。 关于html-cssbox-shadow是元素框模型的一部分吗?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/7036498

javascript - jQuery offset().top 返回错误值 - 边距错误

如果您尝试从父级中的列表元素获取顶部偏移量,而该父级不位于顶部,您将得到错误的值。http://jsbin.com/yuxacuduna/1/edit?html,css,js,console,output尝试删除.container元素上的margin-top,您会发现它会起作用。这个问题的解决方案是什么? 最佳答案 您的问题:这个问题的解决方案是什么?我建议你将.container定位到relative:.container{margin-top:100px;background:yellow;height:600px;width