在另一个不向右浮动的div内划分

时间:2015-09-24 16:38:42

标签: html css

我有一个顶部div,左边有一些文字,右边有一个div,其中包含广告图片,社交媒体链接和搜索框。我的搜索框没有向右浮动,即使它在我自己设置为向右浮动的div中。我的广告似乎也没有正确浮动。此外,我的社交媒体图标向后显示。非常感谢你的帮助。

#gsc-control-cse form.gsc-search-box    { float:right; width: 200px; }

小提琴:here

预览时网站的图片是here

1 个答案:

答案 0 :(得分:1)

在内部元素上移除浮动,并在#top-right

上移除70%的宽度
#top-right {
  float: right;
}
#top-right ul li {
  display: inline;
  list-style-type: none;
}
#gsc-control-cse form.gsc-search-box {
  width: 200px;
}