如何防止格對準底部

在此琴：http://jsfiddle.net/ak4Ed/139/如何防止格對準底部

當我點擊一個節點（它加載的iframe）的樹形結構對齊到iframe的底部。我如何將樹對齊以保留在相應的iframe的頂部？

我試過將margin:0px;添加到包含樹的div，但它不起作用。

這裏是小提琴代碼：如果你想樹留在上面，以DIV風格

<div id="demo1" style="height:100px;display:inline-block;margin:0px;vertical-align:top">

jsfiddle

來源

2013-08-25 blue-sky

只需添加「頂部垂直對齊」的iFrame：

<div id="demo1" style="height:100px;display:inline-block;margin:0px;margin-right:100%">

jsFiddle

來源

2013-08-25 12:04:10 Tomzan

：

<div id="demo1" style="height:100px;display:inline-block;margin:0px;"> 
    <ul> 
     <li id="node_1_id"> 
      <a>Root node 1</a> 
      <ul> 
       <li id="child_node_1_id"> 
        <a>Child node 1</a> 
       </li> 
       <li id="child_node_2_id"> 
        <a>Child node 2</a> 
       </li> 
      </ul> 
     </li> 

    </ul> 
    <ul> 
        <li><a>Team A's Projects</a> 
         <ul> 
         <li><a>Iteration 1</a> 
          <ul> 
           <li><a>Story A</a></li> 
           <li><a>Story B</a></li> 
           <li><a>Story C</a></li> 
          </ul> 
          </li> 
         <li><a>Iteration 2</a> 
         <ul> 
          <li><a>Story D</a></li> 
           </ul> 
          </li> 
         </ul> 
        </li> 
       </ul> 
</div> 
<div style="display: inline-block;"> 
    <iframe id="preview" src=""></iframe> 
</div> 

$(function() { 

    $('#preview').toggle(); 
    $("#demo1").jstree({ 
     "plugins": ["ui", "html_data", "themes", "hotkeys"] 
    }); 

    $("#demo1").on("select_node.jstree", function() { 
     var node = $(this).find("a.jstree-clicked").parent("li"); 

     $('#preview').show(); 
      $('#preview').attr('src', 'http://www.google.com') 

     alert("selected node: "+node.attr("id")); 
    }); 
});

來源

2013-08-25 12:10:16

Demo

只需添加這CSS

#demo1 
{ position:fixed; 

    }

或
追加position:fixed;在DIV ID爲demo1的

<div id="demo1" style="position:fixed;height:100px;display:inline-block;margin:0px;vertical-align:top">

希望這會有所幫助，謝謝

來源

2013-08-25 12:21:16 SarathSprakash

如何防止格對準底部

回答

相關問題