傾斜的側邊欄佈局

是否可以使用CSS傾斜右側邊欄佈局？左側將是我認爲傾斜的側邊欄佈局可能與額外重疊的主要內容。傾斜的側邊欄佈局

我以前問過這個問題，但不要認爲固定的像素高度邊框會實現佈局。有沒有其他方法？更靈活的東西？

slanted layout

2014-07-24 blkedy

請不要轉發問題。 http://stackoverflow.com/questions/24749872/css-slanted-sidebar-layout – BoltClock

您可以使用對角線性漸變背景顏色停止吃出效果，例如linear-gradient(to bottom right, #1e5799, #1e5799 50%, #207cca 50%, #207cca);。 Here's an example.

2014-07-24 07:08:38

嗯，但角度是不正確的？它應該更加垂直。 – blkedy

@ user1420650這是因爲我將div高度設置得相當短。它從一個角落延伸到另一個角落。你應該能夠很容易地解決這個問題。 –

這是我的意思是[更新示例]（http://jsfiddle.net/posgarou/GBzRp/）。 –

回答