浮動小数点：左のブロックが期待通りに進まない

Question

私は、タイル5x2を使用してSharePointランディングページを作成しています。どのようにどのようなアイデアが起こることができますか？

私が知っているのは、たくさんのことから、最高のコード化されたプロジェクトではありません！それはSharePointで必要です。

     <div id="topLeft"> 
         <!--CS: Start Web Part Zone Snippet--> 
         <!--SPM:<%@Register Tagprefix="WebPartPages" Namespace="Microsoft.SharePoint.WebPartPages" Assembly="Microsoft.SharePoint, Version=16.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c"%>--> 
         <div id="topLeftWebpart" xmlns:ie="ie"> 
          <!--MS:<WebPartPages:WebPartZone runat="server" AllowPersonalization="false" ID="xae7ae0b76116430e84918de3195e8a9f" FrameType="TitleBarOnly" Orientation="Vertical">--> 
           <!--MS:<ZoneTemplate>--> 
            <!--DC: Replace this comment with default web parts for new pages. --> 
           <!--ME:</ZoneTemplate>--> 
          <!--ME:</WebPartPages:WebPartZone>--> 
         </div> 
         <!--CE: End Web Part Zone Snippet--> 
        </div> 

CSS： .image-エリア左上には、画像のコンテナです。

#topLeft { 
     position:relative!important; 
     width:47.46%!important; 
     top: 30px; 
     left: 5%; 
     margin:0px; 
     float: left; 
     padding:0px; 
     display:inline-block; 
     max-width: 485.984px; 
     min-width: 450px; 
    } 
    #topLeftWebpart{ 
     width:100%!important; 
    } 
    .image-area-left-top{ 
     position:relative; 
     float:left; 
     width:20%!important; 
     height:auto!important; 
    } 
    .image-area-left-top .image{ 
     width:75%; 
     height:75%; 
     margin-top: 12.5%; 
     margin-left: 12.5%; 
     margin-bottom: 12.5%; 
     margin-right: 12.5%; 

Answer 1

私の知る限り、アイコンのサイズは同じではないようです。これは、整列時にいくつかの問題を引き起こす可能性があります。あなたは、CSSを介して特定のサイズにすべての画像を強制し、それが助けられているかどうかを確認する必要があります。