草庐IT

margin-right

全部标签

html - margin 属性不适用于 css 中的选择元素

我有这个代码:blablabl;blablabl;在CSS中.fooselect{margin-bottom:50px;}输出是2个彼此相邻且没有50px分隔的选择元素。我在这里缺少什么? 最佳答案 select元素是display:inline默认情况下(通常)并且不会尊重边距。将它们更改为display:block如果你想让每个人都在自己的行上,或者display:inline-block如果您希望每个都有较大的底部边距。编辑:我看到你有,所以它们将与display:inline-block在两条不同的线上

html - margin 顶部似乎失控了

我有一个div,其中包含图像和描述。当我更改.describing的margin-top时,容器div移动:HTML:MyrealizationofA*pathfindingalgorithm.Veryhardgamewithcutegraphics.Called"Followthelight".CSS:body{background-size:overlay;background:rgb(72,158,136);}.project{margin:2%1%1%3%;padding-top:1em;background:#FFF;width:12em;height:19em;displa

html - 为什么页面宽度会影响 Firefox 中的 "margin-top:50%"?

在这个JSFiddle中http://jsfiddle.net/9UMRk/div的margin-top为50%。我希望将其调整为页面高度。但是,如果您在Firefox(3和4)中调整窗口大小,您会看到div的垂直定位受页面宽度影响,但不受页面高度影响。为什么? 最佳答案 这看起来确实违反直觉,但实际上符合边距的盒模型,即intheCSSlevel2.1spec:Thepercentageiscalculatedwithrespecttothewidthofthegeneratedbox'scontainingblock.Notet

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:

html - float : right doesn't work

我有两个div,分别是左类和右类。left向左浮动,rightdiv向右浮动,但是float不起作用,我不知道为什么...我无法在左div中设置宽度,因为我不知道右div图像的宽度。所以它需要流动性...这是页面:链接已删除。抱歉这是它工作的页面。http://www.france24.com/en/20100111-freud-monet-basquiat-view-paris-2010我在这上面花了3个小时,不知道为什么右边不float...更新:问题已解决!谢谢;) 最佳答案 文章内容不要向左浮动;它什么都不做。相反,将您希望

html - 为什么margin :0 auto; not work on this input button?

我正在尝试将输入按钮置于表单的中央,但通常的边距是:0auto;没有做任何事情。以下是我的HTML的设置方式:和CSS:body{padding:0;margin:0;width:100%;font-family:CenturyGothic,sans-serif;}.container{width:100%;}#contact-div{height:100vh;width:100%;background:url("images/contactpic3.jpg")no-repeatcenterfixed;background-size:cover;}.input-field{width:

php - 是否有 "right"方式来使用 php?

我一直在学习php,只是埋头苦干。我希望有人能在安全、流程和一般最佳实践方面为我指明正确的方向?谢谢。编辑--我想一个更好的方式来表达我想问的是..什么是最佳实践:1.)当用php处理表单时,getvspost,$_REQUESTvs$_GET&$_POST2.)动态创建HTML文件时(下面的示例)3.)在与表单创建者相同的文件中登录和验证4.)用php发送电子邮件来自上面#2Welcome";if($_SESSION['type']=="admin"){//lotsofhtmlintheechostatmentecho"tablesandadmininterfacehere";}el

html - 流式布局 : Can a float with a margin be forced to be 100% width?

我正在编写我的第一个流动布局,我不得不说它比固定宽度的布局要花费更多的时间。但是,我看到了优势,所以我想让它发挥作用!这是我的情况:我有一个带有一些文本的标题,它使标题的高度可变,具体取决于浏览器文本的大小。左侧有一个固定宽度的导航栏。导航向左浮动,负边距与宽度的像素数相同,这有效地使其插入零宽度空间。整洁!我的主要内容部分向右浮动。它有一个导航宽度的左边距,因此内容避免隐藏在导航链接下方。导航在来源中排在第二位,因此辅助技术的用户可以首先访问内容。这很有效,但前提是主要内容部分的内容有环绕整个页面宽度的文本行。如果内容只有短行或列表,则内容部分的宽度与其内的内容相同。由于内容部分向右

html - 与 float 和 margin 相关的奇怪行为

问题是div与.parent类的位置。它不在窗口的顶部,而是在下方100px,正好是.child的margin-bottom的值。谁能解释一下这里发生了什么?这是我的HTML文档:.parent{}.child{margin-bottom:100px;}button{float:left;height:30px;}clickme! 最佳答案 这是由于不完整处理floats引起的和notmasteringMarginCollapsingMarginCollapsingonEmptyblocksIfthereisnoborder,pad

html - margin-bottom 在 flexbox 中不起作用

我有一个问题,我有一个flexbox,但我不完全希望每个元素都根据给定的属性进行间隔,所以我想玩一下边距。我在框的顶部有一个标题,但我希望它与其余元素之间有间距。所以我希望将我的p元素列表组合在一起,但距离标题更远。但是,当我执行margin-bottom时它没有任何效果(当我增加或减少margin-bottom时没有任何变化)。我最初是用百分比来做的,后来改为像素,但这似乎也不是问题。在代码片段中,我对它的外观没有任何问题,但在更大的浏览器上,标题和p元素之间几乎没有任何空间,这就是问题所在。.container{display:flex;position:relative;flex