Fatal编程技术网
  • css/
  • CSS大小百分比说明符将元素大小调整为大于指定大小

CSS大小百分比说明符将元素大小调整为大于指定大小

css web

CSS大小百分比说明符将元素大小调整为大于指定大小,css,web,Css,Web,在CSS中，我从来没有真正理解过为什么会发生这种情况，但每当我给某个元素分配一个边距顶部：50%，元素就会被压到页面底部，几乎完全脱离页面。我假设50%的元素在页面的一半位置 设置元素的宽度和高度属性时也会出现这种情况。如果我将div的宽度设置为100%，div的右侧将离开可视屏幕，我必须滚动才能看到它 为什么会发生这种情况？有没有办法解决 编辑： 这是我的css代码。我也在使用bootstrap，但这是我在bootstrap之外注意到的一个问题 html{ height:100%; min-h

在CSS中，我从来没有真正理解过为什么会发生这种情况，但每当我给某个元素分配一个
边距顶部：50%
，元素就会被压到页面底部，几乎完全脱离页面。我假设50%的元素在页面的一半位置

设置元素的宽度和高度属性时也会出现这种情况。如果我将div的宽度设置为100%，div的右侧将离开可视屏幕，我必须滚动才能看到它

为什么会发生这种情况？有没有办法解决

编辑：

这是我的css代码。我也在使用bootstrap，但这是我在bootstrap之外注意到的一个问题

html{
height:100%;
min-height: 100%;
min-width: 100%;
}
#button_container{
width:100%;
clear:both;
margin:0 auto;
margin-top: 25%;
}

#donate_section, #contrib_section{
display:inline;
}
#contrib_section{
float:right;
}
锅炉板HTML标记：

<body>
    <div id="someid"> 
         <div>
             <a></a>
         </div>
         <div>
             <a></a>
         </div>
     </div>
</body>
读一下，然后再读一遍：

“宽度”设置仅设置内容部分-因此总宽度为内容+边距+填充+边框。所以，如果宽度=50%，那么在所有这些之后，你真的有55%左右（正常的、小的边距/填充/边框）。如果你想让你的div在外部只占50%，你需要一个50%的无填充/边距/边框div，或者其他任何数量的解决方案

您还可能正在处理浏览器渲染不是完美的这一事实。如果要避免滚动，通常不应使用100%的宽度。（这也是一个很好的“Web2.0”设计，如果你遵循这一理念——从可用性/可读性的角度来看，两边都应该有空白）

编辑：此外，您的百分比是相对于宽度而不是高度的。例如，请参见。

引用通常与父元素“相对”。除非您谈论的是body标记的第一个子项。

为避免胡乱猜测，任何代码示例都有助于找到答案。可以通过填充、位置、表格……是的，我刚刚添加了css代码。是的，body标签的第一个孩子。只是一个包含两个div的div，每个div里面都有一个链接。好吧，这是公平的，只要不使用100%go。但我觉得，当我说50%时，应该是90%。那部分不太合理。对不起，我的意思是不应该是90%。我将位置设置为“固定”，似乎已将其固定。当我这样做的时候，div就在页面的中间。如果不固定位置，div将离开页面底部。仍然不确定原因。我的编辑可能是原因…%相对于宽度，而不是高度，即使对于“高”的东西，如顶部/底部。