HTML DIV';调整浏览器窗口大小时,将一个堆叠在另一个之下

HTML DIV';调整浏览器窗口大小时,将一个堆叠在另一个之下,html,css,Html,Css,在UI前端没有太多工作。我有一个主div和两个嵌套div。2个div一个接一个地出现,但是当我调整窗口大小时,div的堆栈一个接一个地出现。我的要求是,虽然我调整了窗口的大小,但div应该一个挨着一个放置,如果我想查看内容,浏览器窗口应该有一个水平滚动条向右滚动 我确实尝试过各种方法,但都没有成功 正文{ 背景色:白色; } #主容器{ 溢出:隐藏 } #第一箱{ 背景颜色:灰色; 利润率:10px; 填充:10px; 溢出-x:自动; 宽度:45%; 身高:30%; 浮动:左; 显示:内联块

在UI前端没有太多工作。我有一个主div和两个嵌套div。2个div一个接一个地出现,但是当我调整窗口大小时,div的堆栈一个接一个地出现。我的要求是,虽然我调整了窗口的大小,但div应该一个挨着一个放置,如果我想查看内容,浏览器窗口应该有一个水平滚动条向右滚动

我确实尝试过各种方法,但都没有成功

正文{
背景色:白色;
}
#主容器{
溢出:隐藏
}
#第一箱{
背景颜色:灰色;
利润率:10px;
填充:10px;
溢出-x:自动;
宽度:45%;
身高:30%;
浮动:左;
显示:内联块;
}
#第二箱{
背景颜色:灰色;
利润率:10px;
填充:10px;
溢出:自动;
宽度:45%;
身高:30%;
浮动:左;
显示:内联块;
位置:固定;
}

同侧肢体不受伤害,不受伤害,非同侧肢体不受伤害。在整数中,ac tempus aenean lorem nec amet ac,非布兰迪类,eget odio eu,mollis mauris massa。在奥古斯特·埃拉特·康瓦利斯(augue erat convallis)一书中,罗勒姆(lorem)的《临时性晨曦》是一本书。数字化信息系统
这是暂时的。利奥·多洛·埃拉特·奥奇,洛博蒂斯·阿迪皮斯,节杖整数直径,天妇罗,多洛·利博·维瓦摩斯·维利特。维韦拉·伊普苏姆·奎姆·伊普苏姆·阿库姆,玉米斑舌苔·拉奥里特发酵液位于伊普苏姆。埃拉特达皮布斯努拉酒店
维塔伊、索利西图丁、莫里斯、特里斯蒂克和努克·特里斯蒂克。维利特·农,杜伊斯拍卖行a。Ipsum pede maecenas前庭,ac facilisi wisi maecenas sem ultrices,非pede cupiditate mollis lorem调味品,
苏西比特整数艾蒂安·莫里斯·阿梅特。大芦苇、小芦苇、油茶
同侧肢体不受伤害,不受伤害,非同侧肢体不受伤害。在整数中,ac tempus aenean lorem nec amet ac,非布兰迪类,eget odio eu,mollis mauris massa。在奥古斯特·埃拉特·康瓦利斯(augue erat convallis)一书中,罗勒姆(lorem)的《临时性晨曦》是一本书。数字化信息系统
这是暂时的。利奥·多洛·埃拉特·奥奇,洛博蒂斯·阿迪皮斯,节杖整数直径,天妇罗,多洛·利博·维瓦摩斯·维利特。维韦拉·伊普苏姆·奎姆·伊普苏姆·阿库姆,玉米斑舌苔·拉奥里特发酵液位于伊普苏姆。埃拉特达皮布斯努拉酒店
维塔伊、索利西图丁、莫里斯、特里斯蒂克和努克·特里斯蒂克。维利特·农,杜伊斯拍卖行a。Ipsum pede maecenas前庭,ac facilisi wisi maecenas sem ultrices,非pede cupiditate mollis lorem调味品,
苏西比特整数艾蒂安·莫里斯·阿梅特。大芦苇,小芦苇,小芦苇,

上面的代码已经很好地工作了,它没有一个叠在另一个下面,我想,你能告诉我它是什么时候把一个叠在另一个下面的吗。

试试这个,给容器和子元素添加宽度

#主容器
{
宽度:1490px;
高度:自动;
溢出-x:自动;
}   
#第一箱{
背景颜色:灰色;
利润率:10px;
填充:10px;
宽度:700px;
高度:自动;
浮动:左;
}
#第二箱{
背景颜色:灰色;
利润率:10px;
填充:10px;
宽度:700px;
高度:自动;
左:750px;
浮动:左;
}

洛雷姆·伊普苏姆·多洛尔·希特·阿梅特(Lorem ipsum dolor sit amet)、乌洛斯·波苏尔·夸姆(nullam eros posuere quam)、非伊普苏姆(non ipsum)
奥纳雷车。整数形式,ac tempus aenean lorem nec amet ac,非
布兰迪班,埃吉特奥迪欧,莫利斯莫里斯马萨。在奥古斯特
康瓦利斯,罗勒姆的暂时性晨曦。病痛
连续的,暂时的。Leo dolor erat orci,lobortis
阿迪皮斯十字节杖整数直径洛雷姆,节拍非,多洛自由
维利特万岁。拉奥里特河狸舌苔arcu中的Viverra ipsum quam id
酵母菌位于同侧。他是一个没有生命的人,一个封建的没有生命的人
猫科动物索利西图丁、多洛·维西·莫里斯、特里斯蒂克·坦普斯·努克
特里斯蒂克。维利特·农,杜伊斯拍卖行a。前庭同侧足
id ornare、ac设施、wisi maecenas sem ultrices、非PED
铜酸莫利斯洛雷姆调味品
艾米特。大芦苇、小芦苇、油茶
洛雷姆·伊普苏姆·多洛尔·希特·阿梅特(Lorem ipsum dolor sit amet)、乌洛斯·波苏尔·夸姆(nullam eros posuere quam)、非伊普苏姆(non ipsum)
奥纳雷车。整数形式,ac tempus aenean lorem nec amet ac,非
布兰迪班,埃吉特奥迪欧,莫利斯莫里斯马萨。在奥古斯特
康瓦利斯,罗勒姆的暂时性晨曦。病痛
连续的,暂时的。Leo dolor erat orci,lobortis
阿迪皮斯十字节杖整数直径洛雷姆,节拍非,多洛自由
维利特万岁。拉奥里特河狸舌苔arcu中的Viverra ipsum quam id
酵母菌位于同侧。他是一个没有生命的人,一个封建的没有生命的人
猫科动物索利西图丁、多洛·维西·莫里斯、特里斯蒂克·坦普斯·努克
特里斯蒂克。维利特·农,杜伊斯拍卖行a。前庭同侧足
id ornare、ac设施、wisi maecenas sem ultrices、非PED
铜酸莫利斯洛雷姆调味品
艾米特。大芦苇,小芦苇,小芦苇,

上面的代码有什么问题。。!在#secondBox中添加“position:fixed”后,它工作正常(div的一个放置在另一个旁边是我的第一个要求),但是当我水平调整浏览器窗口的大小时,而不是收缩div文本来调整窗口,我希望在浏览器窗口中水平放置一个滚动条,以便滚动查看第二个div。使用“最小宽度”进行div,它不会收缩。然后设置parent overflow-x:auto。在#secondBox中添加“position:fixed”后,它工作正常(div的一个放置在另一个之外是我的第一个要求),但是当我水平调整浏览器窗口的大小时,而不是div text shrinki