的CSS設置左固定和右流體佈局

我需要與HTML和CSS這樣佈局做：左寬度爲靜態的250像素右是流體，屏幕的另一個靜止（100％-250px）的CSS設置左固定和右流體佈局

我試試這樣（我使用sass）：

.wrapper{ 
    width:100%; 
    margin: 0 auto; 
    .left{ 
     width:250px; 
     float:left; 
    } 
    .right{ 
     float:right; 
     width:100%; 
     margin-left: 250px; 
    } 
    }

那麼我該如何解決這個問題？

來源

2012-10-23 brabertaser19

你可以做'。左，.right {顯示：表單元格}'，而不是浮動它們。 – cimmanon

這是很簡單的事：http://jsfiddle.net/joplomacedo/ExHzk/ 如果你不能看到小提琴，這裏的HTML和CSS。

HTML：

<div class="fixed"></div> 
<div class="fluid"></div>

CSS：

.fixed { 
    float: left; 
    width: 250px; 
} 

.fluid { 
    margin-left: 250px; 
}

除了
我離開了包裝。這與示範不相關。一個問題，但：如果你給包裝100％的寬度，什麼是保證金：0自動爲？你真的需要指定寬度嗎？

來源

2012-10-23 13:59:50 banzomaikaka

是需要智慧.. – brabertaser19

寬度：自動而不是保證金 - 左邊那麼你可以在一個地方改變你的保證金。 – jwize

-1

試試這個代碼，如果我有很好地理解：

.wrapper{ 
    width:100%; 
    margin: 0 auto; 
    .left{ 
     width:250px; 
     float:left; 
    } 
    .right{ 
     float:right; 
     width:100%; 
     margin-right: 250px; 
    } 
    }

來源

2012-10-23 13:57:44

沒有幫助... – brabertaser19

-1

你可以只取出float:right上.right這樣的：我沒有使用SASS式

right{ 
    width:100%; 
    margin-left: 250px; 
}

http://jsfiddle.net/RfHqX/

通知。

來源

2012-10-23 14:00:48 Alex

-1

使用margin不float爲right div

.wrapper{ 
    width:100%; 
    margin: 0 auto; 
} 
    .left{ 
     width:250px; 
    height:100%; 
     float:left; 
    background:#f00; 
    } 
    .right{ 

     height:100%; 
     margin-left: 250px; 
    background:#0f0; 
    }

DEMO

來源

2012-10-23 14:02:25 Champ

的CSS設置左固定和右流體佈局

回答

相關問題