ul上的jquery masonry與嵌套ul

Question

我正在嘗試創建一個網站地圖的頁腳導航，其中嵌套層次。我想使用砌體，所以填充和邊距是一致的，不會因嵌套的項目而改變。它的發射砌體，但它增加了嵌套ul的相對風格，如果我改變石工調用選擇只是第一個（）ul然後嵌套李出現在一行。

有什麼想法？

<div id="links"> 
      <ul > 
       <li class="box"><a href="/Industries.aspx" >Industries</a></li> 
       <li class="box"><a href="/Services.aspx" >Services</a></li> 
       <li class="box"><a href="/Quality---Regulatory.aspx" >Quality &amp; Regulatory</a></li> 
       <li class="box"><a href="/About.aspx" >About</a> 
        <ul > 
         <li class="box"><a href="/About/Our-Story.aspx" >Our Story</a></li> 
         <li class="box"><a href="/About/Our-Mission.aspx" >Our Mission</a></li> 
         <li class="box"><a href="/About/Our-Core-Values.aspx" >Our Core Values</a></li> 
        </ul> 
       </li> 
       <li class="box"><a href="/News.aspx" >News</a> 
        <ul > 
         <li class="box"><a href="/News/Events.aspx" >Events</a></li>    
        </ul> 
       </li> 
       <li class="box"><a href="/Careers.aspx" >Careers</a></li> 
       <li class="box"><a href="/Contact.aspx" >Contact</a></li> 
       <li class="box"><a href="/tests.aspx" >tests</a></li></ul> 
     </div> 

<script type="text/javascript"> 

    $('#links ul').masonry({ 

     singleMode: true, 

     // Disables measuring the width of each floated element. 
     // Set to true if floated elements have the same width. 
     // default: false 

     columnWidth: 182, 

     // Width in pixels of 1 column of your grid. 
     // default: outer width of the first floated element. 

     itemSelector: '.box:visible', 

     // Additional selector to specify which elements inside 
     // the wrapping element will be rearranged. 
     // Required for Infinite Scroll with window resizing. 

     resizeable: true, 

     // Binds a Masonry call to window resizes 
     // so layout appears fluid. 
     // default: true 

     animate: false, 

     // Animates layout rearrangements. 
     // default: false 

     saveOptions: true 

     // Masonry will use the options from previous Masonry 
     // calls by default, so you only have to enter in options once 
     // default: true 
    }); 
</script> 

Answer 1

我知道這是舊的，但磚石此選項可能會幫助你。

containerStyle: { position: 'absolute' } 

Use jQuery masonry with Absolutely Positioned Parent?