2013-08-01 108 views
-5

我有一個問題,我搜查但找不到答案。身體內部的身體

我需要在html頁面中嵌入html頁面的內容。我基本上希望iframe功能不使用單獨的頁面,而只是內容本身。 我還需要母親樣式表不會影響同一頁中的兒童樣式表。

所以它會像下面,我需要的magic_tag

<body style=1> mother page 

<magic_tag><body style=2> child page content </body></magic_tag> </body>

我不知道這是可能的還是我想要的東西不可能

+8

你不能做到這一點。你試圖達到什麼目標?爲什麼你不能使用iframe? –

+0

「*我還需要母版樣式表不會影響同一頁面中的小孩樣式表*」 - 通常只能使用iframe。如上所述:爲什麼不使用iframe?你可能在這裏有一個[XY問題](http://meta.stackexchange.com/questions/66377/what-is-the-xy-problem) - 你究竟想要達到什麼目標? – apsillers

+0

一個PHP'include'或者jQuery'load()'可以做你想要的,更高效的。 – 2013-08-01 19:30:42

回答

2

你接近這個錯誤的方式,試試這個 - >

不要給孩子「頁面」裏的任何東西同樣的分類S或ID作爲父 「頁」

http://jsfiddle.net/8pFMe/6/

<body> 
    <div class="container"> 
     <div class="nav"> 
      <ul> 
       <li>Home </li> 
       <li> Link </li> 
       <li> Link2 </li> 
       <li> Link3 </li> 
      </ul> 
     </div> 
     <div class="wrapper"> 
      <div class="sidebar"> 
       <ul> 
        <li>Sidebar Stuff</li> 
        <li>Link</li> 
        <li>Link2</li> 
        <li>Link3</li> 
       </ul> 
      </div> 
      <div class="body"> 

       <div class="second-page"> 
        <div class="second-container"> 
         <div class="second-nav"> 
          <ul> 
           <li>Home</li> 
           <li>Link</li> 
           <li>Link2</li> 
           <li>Link3</li> 
          </ul> 
         </div> 
         <div class="second-wrapper"> 
          <div class="second-sidebar"> 
           <ul> 
            <li>Sidebar Stuff</li> 
            <li>Link</li> 
            <li>Link2</li> 
            <li>Link3</li> 
           </ul> 
          </div> 
         </div> 
         <div class="second-body"> 
          <p> This looks similar to an iframe, but it's not an iframe. 
         </div> 
        </div> 
       </div> 
      </div> 
     </div> 
    </div> 
</body> 

CSS:

.container{ 
    width:500px; 
    margin:0 auto; 
} 

.nav li, .second-nav li{ 
    display:inline; 
    list-style:none; 
    padding:0 5px; 
} 

.sidebar{ 
    float:left; 
    width:150px; 
} 

.body{ 
    width:340px; 
    float:left; 
    padding 5px 
} 

.second-page{ 
    border:1px solid #999; 
    padding:10px; 
} 
+0

我認爲這是我尋找的排序類問題。非常感謝您的分享。 其他問題仍然是有效的,因爲我需要嵌入頁面是喜歡這裏 http://download.oracle.com/technology/products/manageability/database/active-reports/faq_simple_hj_build.html 它不會出現如果我把它放在當前機構中( – coskan

+0

),我剛剛看到這個,你知道嗎? – Jacques