1

我在 html 和 css 中遇到了障碍。我创建了一个 div 并想在其左侧放置一个徽标图像，在其右侧放置一个按钮链接，但顽固的 css 坚持让它移动到单独的行，我使用了 float:left 和 float:right。

4

5 回答 5

0

会是这样吗？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>
于 2013-10-18T06:06:26.247 回答
0

你的意思是这样的？

在您的 img 和按钮上放置一个 div 并将宽度设置为 100%。然后是float您的图像和按钮。我更新了小麦的小提琴：fiddle

于 2013-10-18T06:15:24.780 回答
0

您必须使用“浮动属性”。没有它，所有浏览器都无法正常工作，然后您也会遇到浏览器问题。这样做，这将工作正常。

检查这个小提琴

img
{
float:left;
width:100px;
}
button
{
float:right;
width:100px;
}
于 2013-10-18T08:34:42.310 回答
0 
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`
于 2013-10-18T06:17:28.733 回答
0

您可以在这里做的一件事是创建一个表格，将您的徽标放在该行的第一个单元格中，然后在下一个单元格中添加您的链接，然后您可以将浮动/边距设置为您想要的位置..希望有帮助

于 2013-10-18T06:26:26.353 回答