移动一个没有填充的元素,不要移动bordar或边缘以避免坍塌?

时间:2017-11-05 05:24:04

标签: html

如何在不使用填充的情况下移动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。“

1 个答案:

答案 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
  • 请西班牙语问题需要使用西班牙语的Stackoverflow
  • 有很多教程可以让你学到所有这些东西
祝你好运:)