在CSS中，距離和定位是非常重要的概念。CSS代碼中，我們可以通過調整margin和padding來控制元素之間的距離。

Margin是指元素周圍的空間，也就是元素與其他元素之間的距離。Margin可以通過margin-top、margin-right、margin-bottom、margin-left來設置，也可以使用margin:上右下左的值;的方式進行設置。

例如，我們可以通過如下代碼來給一個div元素設置上下左右均為10像素的Margin：

div {
margin: 10px;
}

Padding則是指元素內部與邊框之間的空間，也就是內容與邊框之間的距離。Padding可以通過padding-top、padding-right、padding-bottom、padding-left來設置，也可以使用padding:上右下左的值;的方式進行設置。

例如，我們可以通過如下代碼來給一個div元素設置上下左右均為20像素的Padding：

div {
padding: 20px;
}

在CSS代碼中，Margin和Padding還可以與定位概念相結合，產生非常方便的布局效果。例如，在一個div容器中我們想要讓一個內部元素與該容器的頂部保持20像素的距離，并且在該容器中居中顯示，可以通過如下代碼進行設置：

.container {
position: relative;
height: 300px;
}
.inner {
position: absolute;
top: 20px;
left: 50%;
transform: translateX(-50%);
}

上述代碼中，.container元素設置了高度，并且使用了position:relative來使得.inner元素可以參照其進行定位。.inner元素設置了position:absolute，使用了top:20px來與.container元素的頂部產生20像素的距離。而left:50%和transform:translateX(-50%)則將.inner元素在.container元素水平方向上居中。

總之，使用Margin和Padding以及定位可以幫助我們在CSS代碼中非常便利地控制元素的距離和布局效果。在實際應用中，我們可以根據需要靈活地進行調整，創造出各種各樣的視覺效果。