草庐IT

BOX_MARGIN

全部标签

html - css margin-top 属性仅在声明边框时有效

这个问题在这里已经有了答案:WhydoesthisCSSmargin-topstylenotwork?(14个答案)关闭8年前。嗯,自从这个问题不断出现以来已经有一段时间了,我一直没有时间问为什么:所以这是我非常简单的HTML:PageTitlediv{width:200px;background:green;}p{background:yellow;margin:40px;}Testing没什么特别的,只是一个简单的页面,其中包含一个div和该div中的一个段落。但是你可以注意到,在css上我声明该段落远离divs边界40px...这发生了没错……顶部和底部边距被忽略了……但是如果我

html - margin-top 和 margin-bottom 之间的 CSS 最佳实践何时都可以工作?

当您想为紧跟在第一个元素之后的元素留出空间时,CSS最佳实践是什么。假设这个htmlloremipsum你应该使用这个css.a-block{margin-bottom:10px;}或.another-block{margin-top:10px;}? 最佳答案 我会用:nth-child宽度margin-topdiv:not(:first-child){margin-top:10px}loremipsumipsumipsum 关于html-margin-top和margin-bottom

html - margin-top 和 margin-bottom 之间的 CSS 最佳实践何时都可以工作?

当您想为紧跟在第一个元素之后的元素留出空间时,CSS最佳实践是什么。假设这个htmlloremipsum你应该使用这个css.a-block{margin-bottom:10px;}或.another-block{margin-top:10px;}? 最佳答案 我会用:nth-child宽度margin-topdiv:not(:first-child){margin-top:10px}loremipsumipsumipsum 关于html-margin-top和margin-bottom

box-sizing: border-box;是什么意思

box-sizing:border-box;当定义width和height时,它的参数值包括border和padding,好处:修改border和padding数值盒子的大小不变。相反,box-sizing:content-box;当定义width和height时,它的参数值不包括border和padding。例如:         Document     .wrap{    width:1100px;    height:500px;    margin:0auto;   }   .wrap.item{    float:left;    width:221px;    height:16

html - margin top to div inside another div

我有两个具有背景图像的div,我想为第二个div添加边距,但它正在创建空白区域。如何在将div保持在另一个div内的同时添加上边距?.logo{background-image:url(image/logo2.png);height:40px;width:400px;margin-left:100px;display:block;margin-top:20px;}.background{background-image:url(image/empback.png);width:100%;height:94px;min-width:1345px;} 最佳答案

html - margin top to div inside another div

我有两个具有背景图像的div,我想为第二个div添加边距,但它正在创建空白区域。如何在将div保持在另一个div内的同时添加上边距?.logo{background-image:url(image/logo2.png);height:40px;width:400px;margin-left:100px;display:block;margin-top:20px;}.background{background-image:url(image/empback.png);width:100%;height:94px;min-width:1345px;} 最佳答案

html - 似乎 box-sizing : border-box is not working

我从来没有遇到过这个问题,但简而言之,我将边框框用作所有元素的框大小:*,*:before,*:after{-webkit-box-sizing:border-box!important;-moz-box-sizing:border-box!important;-ms-box-sizing:border-box!important;box-sizing:border-box!important;}我有一个响应式列布局,在本例中每行3列..在我向.propertydiv添加边距之前,所有内容都很好地跨越了3列,现在通常是因为边框框,这只会在列之间添加边距并使它们连续3列,但现在由于某种原

html - 似乎 box-sizing : border-box is not working

我从来没有遇到过这个问题,但简而言之,我将边框框用作所有元素的框大小:*,*:before,*:after{-webkit-box-sizing:border-box!important;-moz-box-sizing:border-box!important;-ms-box-sizing:border-box!important;box-sizing:border-box!important;}我有一个响应式列布局,在本例中每行3列..在我向.propertydiv添加边距之前,所有内容都很好地跨越了3列,现在通常是因为边框框,这只会在列之间添加边距并使它们连续3列,但现在由于某种原

html - Flex Box 出界了?

这个问题在这里已经有了答案:Isitpossibleforflexitemstoaligntightlytotheitemsabovethem?(5个答案)关闭6年前。你好,我一直在尝试在CSS中制作一个flexbox,如下图所示但我有一个问题,看起来像这张图片似乎3号div将所有东西都推到了这里是代码#flexcontainer{width:500px;height:210px;border:3pxsolidblack;display:flex;flex-wrap:wrap;padding:5px;}.flexitem{background:yellow;width:150px;te

html - Flex Box 出界了?

这个问题在这里已经有了答案:Isitpossibleforflexitemstoaligntightlytotheitemsabovethem?(5个答案)关闭6年前。你好,我一直在尝试在CSS中制作一个flexbox,如下图所示但我有一个问题,看起来像这张图片似乎3号div将所有东西都推到了这里是代码#flexcontainer{width:500px;height:210px;border:3pxsolidblack;display:flex;flex-wrap:wrap;padding:5px;}.flexitem{background:yellow;width:150px;te