Html 将条带与下一个窗口小部件对齐&;照片

Html 将条带与下一个窗口小部件对齐&;照片,html,css,Html,Css,我想把一个bandsintown小部件和我的乐队图片对齐。小部件和图片应根据浏览器大小调整大小。我已经研究并尝试了不同的方法,但无法使其发挥作用 以下是bandsintown小部件代码: 您所需要做的就是将位小部件容器(由脚本生成)和所需图像浮动到左侧: .bit小部件容器,#新闻>img{ 浮动:左; } 谢谢您的回复?如果我希望两者都相对于屏幕大小调整大小,并且并排保持,那会怎么样?这就是float:left所做的;它确保这两个元素彼此相邻。如果您给这两个元素宽度:50%(或任何等于1

我想把一个bandsintown小部件和我的乐队图片对齐。小部件和图片应根据浏览器大小调整大小。我已经研究并尝试了不同的方法,但无法使其发挥作用

以下是bandsintown小部件代码:


您所需要做的就是将
位小部件容器
(由脚本生成)和所需图像浮动到
左侧

.bit小部件容器,#新闻>img{
浮动:左;
}


谢谢您的回复?如果我希望两者都相对于屏幕大小调整大小,并且并排保持,那会怎么样?这就是
float:left
所做的;它确保这两个元素彼此相邻。如果您给这两个元素
宽度:50%
(或任何等于100%的总数),它们将在屏幕调整大小时自动缩放。话虽如此,您可能希望将它们从手机上放在彼此下方。这将需要媒体查询,并且可能受益于诸如Bootstrap或Buffic之类的框架: