對不起,我覺得在大多數情況下我可以輕鬆地做到這一點,但我現在使用sharepoint並試圖做任何事情在這是地獄!div寬度爲100%,旁邊是固定寬度的
基本上我有一個寬度爲230px的側面導航(.menu-vertical),並在其旁邊有一個div(.mainContent),我想(填充一邊!)填充屏幕的其餘部分。
不幸的是,大約有798個隨機放置的div,跨度和代碼中的其他任何內容,我似乎無法在不破壞網站的情況下剝離,所以任何有關如何實現此目的的建議都將非常感謝,謝謝。 !
對不起,我覺得在大多數情況下我可以輕鬆地做到這一點,但我現在使用sharepoint並試圖做任何事情在這是地獄!div寬度爲100%,旁邊是固定寬度的
基本上我有一個寬度爲230px的側面導航(.menu-vertical),並在其旁邊有一個div(.mainContent),我想(填充一邊!)填充屏幕的其餘部分。
不幸的是,大約有798個隨機放置的div,跨度和代碼中的其他任何內容,我似乎無法在不破壞網站的情況下剝離,所以任何有關如何實現此目的的建議都將非常感謝,謝謝。 !
基本上我有一個側邊導航(。菜單垂直)是230px 寬,旁邊(.mainContent)一個div,我想 (填充一邊去!)填寫的,其餘屏幕。
..
站點的基礎是與.container DIV發生,並且 。菜單垂直(固定)和.mainContent(流體,100%)的div內部。
據我所知,您正在尋找這樣的:http://jsfiddle.net/thirtydot/wv42t/
CSS:
.container {
border: 3px solid #666;
overflow: hidden
}
.menu-vertical {
width: 230px;
float: left;
padding: 10px;
border: 2px solid #f0f
}
.mainContent {
overflow: hidden;
padding: 30px;
border: 2px solid #00f
}
HTML:
<div class="container">
<div class="menu-vertical">menu-vertical</div>
<div class="mainContent">mainContent</div>
</div>
如果有幫助,我會稍後將代碼編輯到我的答案中。 – thirtydot
這實際上很有用 - 完美 - 謝謝!我一直在玩代碼,直到昨晚深夜,並提出類似的東西,但這很棒,非常簡單,喜歡解決方案!再次感謝 –
剛剛使用過這個,謝謝! –
我願意回答大家的直到我讀完最後一段。沒有人可以真正幫助你.. – thirtydot
只是嘗試你在標題中提出的建議 - 給它'寬度:100%'?也許你需要將它們都包裝在一個容器div中並將它們浮起來?或者,也許只是用'width:100%'來浮動它們? – jtfairbank
@thirtydot - 不幸的是,似乎沒有任何與Sharepoint有關的方法,雖然該網站的基礎是與一個.container div和.menu垂直(固定)和.mainContent(流體,100 %)divs裏面。 –