Html 向左浮动,显示内联不起作用

Html 向左浮动,显示内联不起作用,html,css,Html,Css,我有一个问题,这意味着我的浮动左不工作,并删除了我的10%顶部填充。显示内联也不起作用,它会将所有内容推到最左边。有人能解释一下我做错了什么吗?代码如下 .outer{ 显示:内联; 右:5%; 左:5%; } 厨房外{ 垫面:10%; 右侧填充:5px; 左侧填充:5px; 宽度:30%; 边框:2件纯黑; 边界半径:8px; } .画廊图片{ 宽度:100%; } .galleryname{ 宽度:100%; } gallerydesc先生{ 宽度:100%; } .厨房价格{ 宽度:10

我有一个问题,这意味着我的浮动左不工作,并删除了我的10%顶部填充。显示内联也不起作用,它会将所有内容推到最左边。有人能解释一下我做错了什么吗?代码如下

.outer{
显示:内联;
右:5%;
左:5%;
}
厨房外{
垫面:10%;
右侧填充:5px;
左侧填充:5px;
宽度:30%;
边框:2件纯黑;
边界半径:8px;
}
.画廊图片{
宽度:100%;
}
.galleryname{
宽度:100%;
}
gallerydesc先生{
宽度:100%;
}
.厨房价格{
宽度:100%;
}
GallerySaled先生{
宽度:100%;
}
.厨房数量{
宽度:100%;
}


宽度=“50%”>

将(.galleryamount、.gallerySeld等)设置为宽度:100%时。它正在扩展到容器的100%,这意味着不可能在线显示这些内容。删除那些宽度。

编辑:我设法算出了。包含所有内容的div没有指定的宽度(我忘了)

我尝试过,但是大小调整只会使其成为其他div的100%(galleryamount等)。所有的.gallery部分都在一个名为.galleryouter的div内,然后在另一个名为outer的div内,所以它的测量值应该是.outer和.galleryouter(30%)