如何删除通过 Wordpress 中的“dynamic_sidebar”小部件添加的所有额外 DIV？（wordpress怎么删除插件）

25-04-30 1

对于如何删除通过Wordpress中的“dynamic_sidebar”小部件添加的所有额外DIV？感兴趣的读者，本文将会是一篇不错的选择，我们将详细介绍wordpress怎么删除插件，并为您提供关于

对于如何删除通过 Wordpress 中的“dynamic_sidebar”小部件添加的所有额外 DIV？感兴趣的读者，本文将会是一篇不错的选择，我们将详细介绍wordpress怎么删除插件，并为您提供关于

unvalid,
OK、CSS：auto height on contains div,100％height on background div inside containing div、Div 在另一个有子 Div 的 Div 上溢出、DIV 重叠 CSS 让 DIV 层叠两个 DIV 或多个 DIV 顺序重叠加的有用信息。

本文目录一览：

如何删除通过 Wordpress 中的“dynamic_sidebar”小部件添加的所有额外 DIV？（wordpress怎么删除插件）
unvalid,
OK
CSS：auto height on contains div,100％height on background div inside containing div
Div 在另一个有子 Div 的 Div 上溢出
DIV 重叠 CSS 让 DIV 层叠两个 DIV 或多个 DIV 顺序重叠加

如何删除通过 Wordpress 中的“dynamic_sidebar”小部件添加的所有额外 DIV？（wordpress怎么删除插件）

如何解决如何删除通过 Wordpress 中的“dynamic_sidebar”小部件添加的所有额外 DIV？

使用 dynamic_sidebar 函数很容易。但它在小部件文本周围创建了许多额外的 div：

<div class="textwidget">
  <div class="footer-widget footer-about">
    <div class="footer-widget-inner-Box">
      <p>Widget text</p>
    </div>
  </div>
</div>

在functions.PHP中创建区域时，它看起来像这样

function b1_widgets_init() {
    register_sidebar( 
        array(
            ''name''          => ''Footer About'',''id''            => ''footer_about'',''before_widget'' => '''',''after_widget''  => '''',''before_title''  => '''',''after_title''   => '''',)    
    );
}
add_action( ''widgets_init'',''b1_widgets_init'' );

添加到主题通过

<?PHP dynamic_sidebar( ''footer_about'' ); ?>

是否有任何 wordpress 过滤器或“方法”来摆脱这些额外的 div，以便我刚刚

<p>Widget text</p>

<div /> unvalid, <div></div> OK

unvalid,
OK

<div /> is not a valid markup. A self-closing tag is not permitted.

You need to use the full version <div></div>.

A self closing div tag would make no sense, since it will result in an empty div. An empty div is usually not rendered by most of the browsers.

CSS：auto height on contains div,100％height on background div inside containing div

问题是，我有一个内容div它的容器高度(容器和内容div具有自动高度)。

我想要的背景容器，它是内容div的兄弟div来拉伸填充容器。背景容器包含将背景分成块的div。

背景和容器div具有100％的宽度，内容容器没有。

HTML：

<div id="container">  
    <div id="content">  
        Some long content here ..  
    </div>  
     <div id="backgroundContainer">  
         <div id="someDivToShowABackground"/>  
         <div id="someDivToShowAnotherBackground"/>  
    </div>  
</div>

CSS：

#container {
    height:auto;
    width:100%;
}

#content {
    height: auto;
    width:500px;
    margin-left:auto;
    margin-right:auto;
}

#backgroundContainer {
    height:100%;??? I want this to be the same height as container,but 100% makes it the height of the viewport.
}

解决方法

这个问题有很多解决方案，包括OneTrueLayout技术，虚拟列技术，CSS表格显示技术，还有一个分层技术。

同样高度的列的解决方案是CSS Tabular Display Technique，意味着使用display：table功能。
它适用于Firefox 2，Safari 3，Opera 9和IE8。

CSS表格显示的代码：

HTML

<div id="container">
    <div id="rowWraper">
            <div id="col1">
                Column 1<br />Lorem ipsum<br />ipsum lorem
            </div>
            <div id="col2">
                Column 2<br />Eco cologna duo est!
            </div>
            <div id="col3">
                Column 3
            </div>
        </div>
</div>

CSS

<style>
#container{
    display:table;  
    background-color:#CCC;
    margin:0 auto;
}

.row{
    display:table-row;
}

.col{
    display: table-cell;
}

#col1{
    background-color:#0CC;
    width:200px;
}

#col2{
    background-color:#9F9;
    width:300px;
}

#col3{
    background-color:#699;
    width:200px;
}
</style>

即使表格单元的宽度的自动扩展有问题，也可以通过插入另一个带有表格单元并赋予其固定宽度的div来容易地解决。无论如何，宽度的过度扩展发生在使用极长的单词(我怀疑任何人会使用，比方说，600px长字)或一些div的宽度大于table-cell的宽度的情况下。

Faux Column Technique是最常用的解决这个问题的解决方案，但它有一些缺点，如果你要调整背景平铺图像的大小，如果你想调整列的大小，它也不是一个优雅的解决方案。

OneTrueLayout Technique包括创建一个极大的高度的填充底部，并通过应用具有相同巨大值的负边距底部，将真实边框位置带到“正常逻辑位置”，并隐藏由padding with overflow：hidden应用于内容wraper。一个简化的例子是：

HTML文件：

<html><head>
<style>
.wraper{
    background-color:#CCC;
    overflow:hidden;
}

.floatLeft{
    float:left; 
}

.block{
    padding-bottom:30000px;
    margin-bottom:-30000px;
    width:100px;
    background-color:#06F;
    border:#000 1px solid;
}
</style>
</head>
<body>
    <div>
    <div>first col</div>
        <div>
                Second col<br />Break Line
        </div>
    <div>Third col</div>
</div>
</body>
</html>

分层技术必须是一个非常整洁的解决方案，涉及绝对定位的div与一个主要的相对定位封装器div。它基本上由多个子div和主div组成。主div具有强制位置：相对于它的css属性集合。这个div的孩子都是绝对的位置：绝对的。子项必须将顶部和底部设置为0，并将左右尺寸设置为相互容纳列。例如，如果我们有两个列，一个宽度为100px，另一个为200px，考虑到我们想要左侧的100px和右侧的200px，左列必须有{left：0;右：200px}和右列{left：100px; right：0;}

在我看来，在自动化高度容器中未实现的100％高度是一个主要缺点，W3C应考虑修改此属性。

其他资源：link1,link2,link3,link4,link5 (important)

Div 在另一个有子 Div 的 Div 上溢出

如何解决Div 在另一个有子 Div 的 Div 上溢出

我的 Div1 有 3 个孩子 Div1Child1、Div1Child2、Div1Child3，然后我又创建了一个 div Div2。 Div2 在 Div1 上溢出。如何防止这种情况？

我的代码-

Traceback (most recent call last):
  File "main.py",line 15,in <module>
    Public_key = G(pub)
TypeError: ''PointJacobi'' object is not callable

这里 idDivFooter 在 idDivContents 上溢出。但是我需要 idDivContents 下面的 idDivFooter。

解决方法

我知道了这个问题。由于我无法删除此问题，因此我在这里回答- 问题在于父 Div 的高度。如果父 div 的高度等于子 div 的高度之和，则页脚 div 不会溢出。

DIV 重叠 CSS 让 DIV 层叠两个 DIV 或多个 DIV 顺序重叠加

http://www.divcss5.com/shili/s587.shtml

关于如何删除通过 Wordpress 中的“dynamic_sidebar”小部件添加的所有额外 DIV？和wordpress怎么删除插件的问题我们已经讲解完毕，感谢您的阅读，如果还想了解更多关于

unvalid,
OK、CSS：auto height on contains div,100％height on background div inside containing div、Div 在另一个有子 Div 的 Div 上溢出、DIV 重叠 CSS 让 DIV 层叠两个 DIV 或多个 DIV 顺序重叠加等相关内容，可以在本站寻找。

本文标签：