Html li和父div大小不匹配

在css下拉菜单上练习。在下面的代码中，我将li设置为块显示类型。现在我希望灰色父div.dropdown中的绿色下拉列表的大小与它们的父div.dropdown的水平大小完全相同。在当前情况下，它们的水平尺寸较小，请参见下面的屏幕截图以更好地理解

请提供解决方案

html，正文{ 边际：0px； 身高：100%； 宽度：100%； 左：0px； 顶部：0px； 背景色：rgba0,0,0,1； 填充：0px； } *{ 框大小：边框框； } a{ 颜色：rgba0,0,0,1； 文字装饰：无； /*[禁用]背景色：rgba255,0,0,1*/ 显示：块； } 李{ 显示：块； 宽度：100%； 背景色：RGBA0255,0,1； 边框：薄实心rgba0,0,0,1； 位置：相对位置； 右边距：自动； 左边距：自动； 左：0px； 顶部：0px； } .下载{ /*[禁用]颜色：RGBA0255,0,1*/ 显示：块； 文字装饰：无； 列表样式类型：无； /*[禁用]背景色：rgba204,51153,1*/ 宽度：100%； } a:悬停{ 颜色：rgba0,0255,1； } .包装纸{ 高度：600px； 最大宽度：960像素； 左边距：自动； 左：0px； 顶部：0px； 背景色：RGBA204204,1； 右边距：自动； 位置：相对位置； 填充：0px； 边际上限：0px； } .内容{ 位置：相对位置； 框大小：边框框； 身高：100%； 最大高度：200px； 最大宽度：600px； 背景色：FFF； 右边距：自动； 左边距：自动； 边际上限：0px； 左：0px； 右：0px； 字体大小：32px； 文本对齐：居中； 边框：3倍实心rgba0,0,0,1； 边界半径：15px 15px 0px 0px； 宽度：100%； } .内容小{ 最大宽度：100px； 身高：100%； 最大高度：50px； 背景色：RGBA0255204,1； 位置：相对位置； 右边距：自动； 左边距：自动； 边框：3倍实心rgba0,0,0,1； 顶部：5px； 边缘顶部：10px； } .小内容：悬停+下拉列表{ 能见度：可见； } .下拉列表：悬停{ 能见度：可见； } .下拉列表{ 背景色：rgba214,1； 最大宽度：200px； 身高：100%； 最大高度：100px； 位置：相对位置； 右边距：自动； 左边距：自动； 顶部：0px； 边缘顶部：5px； 可见性：隐藏； 列表样式类型：无； 文本对齐：居中； } 家 将填充：0添加到下拉列表中

html， 身体{ 边际：0px； 身高：100%； 宽度：100%； 左：0px； 顶部：0px； 背景色：rgba0,0,0,1； 填充：0px； } * { 框大小：边框框； } a{ 颜色：rgba0,0,0,1； 文字装饰：无； /*[禁用]背景色：rgba255,0,0,1*/ 显示：块； } 李{ 显示：块； 宽度：100%； 背景色：rgba0，255，0，1； 边框：薄实线rgba0,0,0,1； 位置：相对位置； 右边距：自动； 左边距：自动； 左：0px； 顶部：0px； } .下载{ /*[禁用]颜色：RGBA0255,0,1*/ 显示：块； 文字装饰：无； 列表样式类型：无； /*[禁用]背景色：rgba204,51153,1*/ 宽度：100%； } a:悬停{ 颜色：rgba0，0，255，1； } .包装纸{ 高度：600px； 最大宽度：960像素； 左边距：自动； 左：0px； 顶部：0px； 背景色：rgba204、204、204、1； 右边距：自动； 位置：相对位置； 填充：0px； 边际上限：0px； } .内容{ 位置：相对位置； 框大小：边框框； 身高：100%； 最大高度：200px； 最大宽度：600px； 背景色：FFF； 右边距：自动； 左边距：自动； 边际上限：0px； 左：0px； 右：0px； 字体大小：32px； 文本对齐：居中； 边框：3倍实心rgba0,0,0,1； 边界半径：15px 15px 0px 0px； 宽度：100%； } .内容小{ 最大宽度：100px； 身高：100%； 最大高度：50px； 背景色：rgba0、255、204、1； 位置：相对位置； 右边距：自动； 左边距：自动； 边框：3倍实心rgba0,0,0,1； 顶部：5px； 边缘顶部：10px； } .小内容：悬停+下拉列表{ 能见度：可见； } .下拉列表：悬停{ 能见度：可见； } .下拉列表{ 背景色：RGBA2142142142141； 最大宽度：200px； 身高：100%； 最大高度：100px； 位置：相对位置； 右边距：自动； 左边距：自动； 顶部：0px； 边缘顶部：5px； 可见性：隐藏； 列表样式类型：无； 文本对齐：居中； 填充：0； } 家 您的标签中有一些默认的标签，在本例中为左填充：40px；然后是你给它的高度属性。尝试以下CSS：

.dropdown {
padding-left:0;
height:initial;
}

---

您也可以删除高度属性

您是否尝试CSS重置边距和/或填充？UL是默认浏览器CSS中应用了边距的HTML元素之一

要快速修复，请尝试：

ul { margin: 0; padding: 0; }

---

专业提示：如果你需要一张图片来解释一些事情，那么你在解释上就做错了

---

安宁那边。嗯，有什么问题吗。。。最大高度：200px；最大宽度：600px；答案只是填充：0px；在。下拉列表。你也应该关闭你的电脑tag@B这是一些严厉的建议。有时，在文本描述可能无法提供问题的最佳可视化效果，并且沟通更加有效的情况下，图像非常有用。。。