html - 除页面外的DIV

标签 html css wordpress

我正在设计一个 wordpress-blog,我想在主页之外添加一个带有广告的 div。

页面中央是一个名为 wrapper 的 div,我想在右侧添加一个宽度为 250px 的 div。

我得到了 div,但在较小的屏幕上,广告与页面重叠。当我让它们不重叠时,页面不居中,在较小的屏幕上,div 出现在主页区域下方。

抱歉我的英语不好

最佳答案

您可以尝试表格布局。当您想要控制定位但仍允许内容拉伸(stretch)容器时,表格很有用。

<table style="border:none; width:100%; margin: 0; padding:0;" cellspacing=0 cellpadding=0>
<tr><td valign="middle" style="text-align:center;">Your content here</td></tr>
</table>

上面的代码是制作不可见表格的好方法,您可以在其中指定列和行布局。我写了一个居中的行/列作为例子。不记得它是“valign”还是“v-align”,所以两种方式都试试。

因为它是一个“相对”元素,所以其他元素只要是“相对”的,也应该尊重它的定位。

关于html - 除页面外的DIV,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4542695/

相关文章:

javascript - 像 "dd-mm-yyyy"这样的格式指示将如何出现在文本框中

jquery - 为什么flexslider在部分中显得很小

javascript - 如何将一张图片放到另一张图片上

php - 在 WordPress 插件中从 PHP 代码写入 UTF-8 JSON 文件

javascript - 如何将最后一类元素复制到 jQuery 中的另一个元素?

css - 在两个相邻的 div block 中对齐具有不同字体大小的文本

Jquery砌体: Incorrect gutters until window is resized

WordPress 更改默认翻译

html - wordpress自定义分类法分隔符

PHP/HTML/SQL - 搜索数据库中的特定年龄和性别