フロートは、私は左cloumnが <a href="https://i.stack.imgur.com/lLlyk.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/lLlyk.png" alt="enter image description here"></a></p> <p>右列のHTMLコード右cloumnの周りに流れていない理由を流れ、とここに問題を抱えているだけでなく

Question

動作しません。

右列のCSSコード：

#sidebar { 
 
    background:  #efe5d0 url(images/background.gif) bottom right; 
 
    font-size:  105%; 
 
    padding:   15px; 
 
    margin:   0px 10px 10px 10px; 
 
    width:   280px; 
 
    float:   right; 
 
}

Answer 1

あなたはブロックの内容の2を持っているし、同じ行のこれらのコンテンツを手配する必要がある、

あなたの質問は明確ではありませんが、私は思います。

block_left { 
    width: x%; 
    float: left; 
    } 
block_right { 
    width: y%; 
    } 

は、ここでは、私が思うに共有画像に基づいてx+y = 100、

block_left { 
     width: 70%; 
     float: left; 
     } 
    block_right { 
     width: 30%; 
     }