在CSS中的位置偏移

-1

我很新的HTML & CSS，我對模型框有麻煩，我想。在CSS中的位置偏移

這裏「個人數據」下面的兩個元素都不在同一高度，我找不到原因。誰能幫我？

jsfiddle.net/jbzgmqns/

PS：不要擔心被醜陋的，包括一切的邊界只是佔位符。

來源

2017-04-05 Alex G. Borrego

請去看[問]。相關代碼需要直接包含在問題中，而不僅僅在第三方網站上。 – CBroe

元素的高度與指定的高度相同 - 但p元素具有瀏覽器樣式表的默認邊距。將那些設置爲0. – CBroe

這是因爲<P>...</p>本身正在利潤。設置其邊距值'0'，即margin:0;以使其保持在相同的圖像水平。

而且如下圖所示

<div class="cuadro"> 
       <h1>Personal Data</h1> 
       <div class="imagen"> 
        <img src="http://gobierno.morelos.gob.mx/sites/default/files/images/transparencia/placeholder-transparencia.jpg" /> 
       </div> 
       <p style="margin: 0;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
        <br> Donec efficitur eros quis sapien congue, hendrerit rhoncus magna cursus. 
        <br> Nam a blandit diam. Curabitur auctor, ipsum eget mattis vulputate, elit ex egestas nunc, sit amet molestie 
        <br> ante felis porta ligula. Aenean elementum justo sed placerat finibus.</p> 
      </div></div>

來源

2017-04-05 11:38:39

餘量：0;實際上修好了，非常感謝！但是，我的理解是，默認的保證金不爲0？ –

感謝您的讚賞Alex，在回覆中，我必須說YES，實際上當您編寫時，從左側和上側幾乎沒有餘量。爲了解決這個需要爲身體設置保證金0以保持全屏設計而沒有不必要的空間。 –

這是因爲在你的代碼中定義的塊的高度，採取<p>內<div class="cuadro">...</div>時，你不應該：

.block { 
    height: 700px;

只是刪除所有會精細。

來源

2017-04-05 11:38:59 FusionDesign

然後刪除'height：400px;'你爲你的'.cuadro img' – FusionDesign

在CSS中的位置偏移

回答

相關問題