我想知道是否有可能从它的父级中 float 出一个 DIV？我有这个使用模板的 PHP CMS。 layout.cpl 是所有页面的通用模板。在其中，我有这段代码来显示页面的主体......
<div class="boxmain">Content here</div>
我添加了一个 jQuery slider ，它只应该出现在某些页面上，因此它位于 boxmain div 内，因为它是父级。 slider 的问题是，它应该是一个水平的整页宽度横幅，因此我需要它浮出。如果我不这样做，它会使用“boxmain”div 的 100% 宽度。
我希望我说清楚了，这可能有点困惑，但我的基本目标是从它的父 div 中取出一个子 div，以满足滑动横幅的整页宽度。
这是另一个主要显示子页面之一的模板中的 slider 代码:
<div class="slicebox-wrapper">
<ul id="sb-slider" class="sb-slider" style="margin-top: -12px; min-width: 100%; max-width: 100%;">
<li><img src="<?php echo SITE_URL?>/lib/skins/flyeuro/scripts/slicebox/img/ab1.jpg" alt="image1"/></li>
<li><img src="<?php echo SITE_URL?>/lib/skins/flyeuro/scripts/slicebox/img/ab2.jpg" alt="image2"/></li>
</ul>
</div>
最佳答案
我对你的问题有点不清楚，所以我可能是错的，但在我看来你可能有兴趣从当前的 div 中删除该元素并将其放置在正文的其他位置。您可以使用 remove() 和 append()、prepend()、after() 等来更改该 div 在文档中的位置。
加载 slider 时，您必须触发该函数才能执行移动。如果页面是静态的，你可以在 $(document).ready 上做。但是，如果您使用 AJAX 加载该 div，请在 HTML 中嵌入一个脚本标记，该标记会在调用该函数的响应中传递。
页面:
<body>
<div class="boxmain">
<div class="parent">
<div class="slicebox-wrapper">...</div>
</div>
</div>
</body>
jQuery:
jQuery(document).ready(function() {
jQuery('.slicebox-wrapper').remove().appendTo('.boxmain');
});
将像这样重新组织页面:
<body>
<div class="boxmain">
<div class="parent"></div>
<div class="slicebox-wrapper">...</div>
</div>
</body>
关于html - 将 slider float 到其父 div 之外，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/14221480/