你接近這個錯誤的方式,試試這個 - >
不要給孩子「頁面」裏的任何東西同樣的分類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;
}
你不能做到這一點。你試圖達到什麼目標?爲什麼你不能使用iframe? –
「*我還需要母版樣式表不會影響同一頁面中的小孩樣式表*」 - 通常只能使用iframe。如上所述:爲什麼不使用iframe?你可能在這裏有一個[XY問題](http://meta.stackexchange.com/questions/66377/what-is-the-xy-problem) - 你究竟想要達到什麼目標? – apsillers
一個PHP'include'或者jQuery'load()'可以做你想要的,更高效的。 – 2013-08-01 19:30:42