如何在不使用填充的情况下移动html元素,因为我需要边框颜色,或边缘与结构的其他元素的evoid colapse?这有什么办法吗?或者是唯一的方式,我应该避免与其他元素一起崩溃?
” Margin es el margen que hay desde un elemento hasta los que tenga al lado。
Border dibuja un borde alrededor justo de ese contenido。
Padding es el espacio que hay en un contenedor entre el contenido y los bordes del contenedor。“
答案 0 :(得分:0)
在我们开始学习的开始,我们通常使用border, margin and padding
来移动元素。但还有其他选择,如:
Position: relative, absolute, fixed...
使用位置属性后,您可以开始使用:
Left, Right, Top and Bottom
示例:
.miClass {
position:relative;
top: 200px;
}
我建议您将它们用于学习,只是学习,因为这些并不是很有用,如果您在所有元素中使用它们可能是个坏主意。
只需使用这些属性,您也可以使用:transform: translateX() translateY()
等...
一旦您获得了经验,我建议您开始成为专业人士并使用display:flex;
,并且还需要正确的 html结构来进行响应设计和非常专业的事情......相信我并不容易,一旦你得到它,你就会坠入爱河。
在这篇文章中查看我的回复:How to Make Navigation Buttons Mobile-Responsive and Collapse in Order?这里我谈谈CSS中的“自然顺序”。
建议:
%
代替px
display:flex