css - 内の要素の配置

Question

html と css で問題が発生しました。div を作成し、左側にロゴ イメージを配置し、右側にボタン リンクを配置したかったのですが、頑固な css が別の行に移動することを主張しているため、float:left と float:right を使用しました。

Answer 1

ここでできることの 1 つは、テーブルを作成して、ロゴを行の最初のセルに配置し、次のセルにリンクを追加できるようにすることです。その後、フロート/マージンを必要な位置に設定できます。

Answer 2

「float プロパティ」を使用する必要があります。それがないと、すべてのブラウザーでうまく機能せず、ブラウザーの問題も発生します。これをしてください、これはうまくいきます。

このフィドルをチェックしてください

img
{
float:left;
width:100px;
}
button
{
float:right;
width:100px;
}

Answer 3

こんな感じでしょうか。http://jsfiddle.net/QFEKN/

<div>
    <img src="https://www.gravatar.com/avatar/c5b9fb1230ea2fe0dc96151cba3098d5?s=32&d=identicon&r=PG&f=1" style='float: left' />
    <button>Link</button>
</div>

Answer 4

このようなことを意味しますか？

img とボタンに div を配置し、幅を 100% に設定します。次にfloat、画像とボタンです。私は小麦のフィドルを更新しました:フィドル

Answer 5

Your CSS

#box
{
width:100%;
}


#logo
{
float:left;
width:50%;
/*padding and Margin according to your need*/
}



#buttons

{

float:right;
width:50%;
}




Your HTML

<div id ="box">

   <div id ="logo">
         /*your img file here */
</div>


<div id="buttons">
/* Your links/buutons */

</div>`enter code here`