sen benim akışkan içeriğin doğru float olacaktır nasıl baş ağrısı var CSS

Question

bir sabit bıraktı kenar çubuğu ve sıvı doğru içeriği uygulamak nasıl.

1. sol kenar çubuğu sabit boyutudur.
2. doğru içeriği sıvı boyutudur.

İşte

ve example benim html ve css

Nasıl benim id="content" sağ üstünde yüzer yapmak için?

Answer 1

Set marjı ve benzeri gibi #content üzerinde yüzer/genişlik kaldırmak:

HTML:

<div id="wrapper"> 
    <div id="sidebar">Sidebar</div> 
    <div id="content">Content</div> 
</div> 

CSS:

#wrapper { 
    width:400px; 
    overflow:hidden; 
    padding:10px; 
} 
#sidebar { 
    float:left; 
    width:100px; 
} 
#content { 
    margin: 0 0 0 100px; 
} 
div { 
    border:1px solid #333; 
} 

http://jsfiddle.net/HWMJc/1/

Answer 2

yapmayın #content'te% 100 genişlik kullanın.
% 70 çalışır, ancak iki eleman arasında küçük bir boşluk vardır. Yine de daha iyi uyum sağlamak için ayarlayabilirsiniz.

Answer 3

ben de uzun zaman önce keşfedilen hangi Buna bir daha da kolay çözüm aslında yoktur. IE7'ye kadar iyi çalışıyor. #fluid div sabit düzeltmenin yanında kayar ve tüm yanıt veren siteler için büyük bir akışkanlık sağlarken kalan alanı alır. Sıvı bölmesine hiç bir şamandıra ya da genişliğe gerek yoktur.

http://jsfiddle.net/HWMJc/874/

#sidebar { 
    float:left; 
    width:100px; 
} 
#content { 
    overflow:hidden; 
} 

Answer 4

Sen olarak ayarlayıp olmalıdır:

sidebar{ width:100px; float: left} 

[CSS Düzen 2-Sütun sabit sıvı] (içinde