css - 当一个 div 标签低于另一个时,如何使 div 标签扩展到内容

标签 css html

我目前正在制作一个 CSS 布局,我在主要内容中并排放置了 div。调整页面大小时,一个会下降到另一个下方。发生这种情况时,我希望顶部 div 占用父 div 的宽度

#MainWrapper #Content {
float: left;
background-color:#E4E4E4;
width:100%;
max-width:1180px;
clear:left;
font-family: Bebas;
}
#Welcometext {
max-width: 500px;
min-width: 100%;
background-color:#399;
display:inline-block;
}
#Slideshow {
width: 100px;
background-color:#C96;
min-width: 200px;
display:inline-block;
} 

最佳答案

从你上一条评论来看,我认为你想研究一下@媒体查询。

您可以告诉它在窗口宽度低于指定宽度时更改特定属性。

  @media (max-width: 600px) {
    #Welcometext{
    Properties specific to to a screen size under 600px;
    }
  }

CSS Media Queries

关于css - 当一个 div 标签低于另一个时,如何使 div 标签扩展到内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17220083/

相关文章:

javascript - CSS动画在菜单按钮中不起作用

javascript - 带有堆叠列的 Bootstrap 网格

html - Sgml 返回一些警告

html - CSS 按钮具有无法移除的白色边距/填充

jquery - 将类添加到 django 表单小部件字段

jquery - 将模板内容添加到我的页脚

javascript - 错误类型错误 : Cannot read property 'tagName' of null when using Typedjs

javascript - 我正在尝试制作一个可折叠菜单,一次只打开 1 个纯 javascript

css - 如何更改 yammer 共享按钮的 css 文件

javascript - Canvas:了解 globalCompositeOperation 以删除部分图像覆盖