Css 顺风:can';不要让元素填充宽度

Css 顺风:can';不要让元素填充宽度,css,tailwind-css,Css,Tailwind Css,小提琴: 看起来是这样的: 我需要它看起来像这样: 我如何做到这一点 小提琴代码: 最后一篇文章 4/22/2021 最后一篇文章 最后的 对 评论:0 向上的 EIDT: 正如答案所示,我试图用w-full添加一个额外的包装器,但现在子div(灰色)太大,超出了外部divid=“app”(黄色)。“向上”按钮也会断开:它不再小,但非常宽: 只需将等级添加到div中即可。另外,调整一些填充物,就可以开始了 <div id="main-content"&

小提琴:

看起来是这样的:

我需要它看起来像这样:

我如何做到这一点

小提琴代码:


最后一篇文章 4/22/2021 最后一篇文章 最后的 对 评论:0 向上的
EIDT:

正如答案所示,我试图用
w-full
添加一个额外的包装器,但现在子div(灰色)太大,超出了外部div
id=“app”
(黄色)。“向上”按钮也会断开:它不再小,但非常宽:


只需将等级添加到div中即可。另外,调整一些填充物,就可以开始了

<div id="main-content">
    <div class="w-full">

只需在div中添加class。另外,调整一些填充物,就可以开始了

<div id="main-content">
    <div class="w-full">

包装器div也需要一个
w-full
类(正如@Digvijay已经指出的)。然后,必须删除
name=“46”
元素的某些类,尤其是
w-full
,它将100%的宽度添加到元素上定义的填充中,总计超过100%


参见更新的示例:

包装器div也需要一个
w-full
类(正如@Digvijay已经指出的)。然后,必须删除
name=“46”
元素的某些类,尤其是
w-full
,它将100%的宽度添加到元素上定义的填充中,总计超过100%

请参见更新的示例:

  • 项目中心
    更改为
    主要内容
    上的
    项目拉伸
  • 从项目中删除
    div[name=46]
  • 见示例:

  • 项目中心
    更改为
    主要内容
    上的
    项目拉伸
  • 从项目中删除
    div[name=46]

  • 参见示例:



    我在哪里添加这个div?将
    w-full添加到
    id=“main content”
    的第一个孩子。我试图添加那个div,但是现在子div太大了,我在哪里添加这个div?将
    w-full添加到
    id=“main content”
    的第一个孩子。我试图添加那个div,但是现在这个儿童组太大了你是说这样的吗?你是说像这样的?