Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/35.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何将此DIV浮动到其他DIV旁边?_Html_Css - Fatal编程技术网

Html 如何将此DIV浮动到其他DIV旁边?

Html 如何将此DIV浮动到其他DIV旁边?,html,css,Html,Css,我想浮动demo.jpg。我使用了float:left,就像我在本例中使用的其他div一样,但在本例中它不起作用: HTML: #容器{ 边框:1px实心#DCD7D4; 宽度:810px; 背景色:#FFF; 位置:相对位置; 左边距:自动; 右边距:自动; 边际上限:0; 溢出:隐藏 } .区域{ 利润率:24px自动0; 宽度:260px; 背景色:#E8F8FF; 高度:200px } .区域2{ 边界半径:4px; 浮动:左; 左边距:30px; 利润上限:28px; 填充:3倍;

我想浮动
demo.jpg
。我使用了
float:left
,就像我在本例中使用的其他div一样,但在本例中它不起作用:

HTML:

#容器{
边框:1px实心#DCD7D4;
宽度:810px;
背景色:#FFF;
位置:相对位置;
左边距:自动;
右边距:自动;
边际上限:0;
溢出:隐藏
}
.区域{
利润率:24px自动0;
宽度:260px;
背景色:#E8F8FF;
高度:200px
}
.区域2{
边界半径:4px;
浮动:左;
左边距:30px;
利润上限:28px;
填充:3倍;
背景色:#FDB5
}
.中心{
宽度:150px;
填充顶部:11px;
左边距:150像素
}
.区域3{
背景:黄色;
宽度:40px;
高度:40px;
浮动:左;
左边距:0;
职位:相对
}
1.区域1{
字体大小:.9em;
左边距:36px;
位置:绝对位置;
边缘顶部:8px;
字母间距:-.08em
}
.演示{
浮动:左;
背景色:#FDB5
}

aaa:
bbb

区域
类需要
浮动:左


请参阅:

区域
类需要
float:left


请参阅:

添加
浮动:左侧
区域
并替换
边距:24px自动0
左边距:24px

#容器{边框:1px实心#DCD7D4;宽度:810px;背景色:#FFF;位置:相对;左边距:自动;右边距:自动;边距顶部:0;溢出:隐藏}。区域{浮动:左;左边距:24px;宽度:260px;背景色:35px;高度:200px}。区域2{边框半径:4px;浮动:左;左边距:30px;边距顶部:28px;填充:3px;背景色:35p8}.center{width:150px;padding top:11px;margin left:150px}.area3{background:yellow;width:40px;height:40px;float:left;margin left:0;position:relative}.area1{font size:9em;margin left:36px;position:绝对;margin top:8px;字母间距:-.08em}.demo{float:left;background color:#fdb5}

aaa:
bbb

添加
浮动:左
区域
并替换
边距:24px自动0
左边距:24px

#容器{边框:1px实心#DCD7D4;宽度:810px;背景色:#FFF;位置:相对;左边距:自动;右边距:自动;边距顶部:0;溢出:隐藏}。区域{浮动:左;左边距:24px;宽度:260px;背景色:35px;高度:200px}。区域2{边框半径:4px;浮动:左;左边距:30px;边距顶部:28px;填充:3px;背景色:35p8}.center{width:150px;padding top:11px;margin left:150px}.area3{background:yellow;width:40px;height:40px;float:left;margin left:0;position:relative}.area1{font size:9em;margin left:36px;position:绝对;margin top:8px;字母间距:-.08em}.demo{float:left;background color:#fdb5}

aaa:
bbb
您可以使用: 在css中显示:内联块并将其应用于div。这将使它们彼此相邻。

您可以使用:
在css中显示:内联块并将其应用于div。这将使它们彼此相邻。

我们谈论的是什么DIV?期望的结果是什么?没有明确问题陈述的问题对其他读者没有用处。这是最后一个演示。jpgw我们谈论的是什么DIV?期望的结果是什么?没有明确问题陈述的问题对其他读者没有用处。这是最后一个DEMO.JPG