0

我无法在我的 WordPress 博客中设置一些 DIV 的样式。我会在 WordPress 论坛上发布这个，但我相信这更像是一个 CSS/HTML 问题，而不是一个实际的 WordPress 问题。作为一个先驱，我会说我现在正在为所有内容设置内联样式，只是为了试验编码（一旦完成，我将把所有内容转移到我的外部样式表......我想人们会因为内联而跳到我身上如果我什么都没说的话，造型:) )。

基本上我正在尝试做一个嵌套的 div 或者我正在尝试在无序列表中的每个列表项之间设置一个边距。我生成的列表基本上是从博客周围的其他帖子中获取的信息，以显示某个类别的最新帖子（PHP 就是这样）。

它正在显示另一个，中间没有边距。它是两个相邻的 div（左边的一个显示文章图像，右边的一个显示帖子的标题和“摘录”）。我想将这两个 div 嵌套到一个大 div 中，这样我就可以移动它并添加边距，但是每当我尝试添加父 div 时，它只会将父 div 显示为只有 4px 高的 div 并且没有嵌套其他两个.

我也尝试自己设置样式，<li>但是当我将边距添加到整个 li 时，它会使两个并排的 div 不对齐。

很抱歉，我没有完成 JSFiddle，我想包含我无法在 JSFiddle 中完成的整个代码（w/PHP）。

谢谢您的帮助！

<ul style="list-style-type:none;">
    <?php
    global $post;
    $category = get_the_category($post->ID);
    $category = $category[0]->cat_ID;
    $myposts = get_posts(array('numberposts' => 5, 'offset' => 0, 'category__in' => array($category), 'post__not_in' => array($post->ID),'post_status'=>'publish'));
    foreach($myposts as $post) :
        setup_postdata($post);
        ?>
        <li>
            <a href="<?php the_permalink(); ?>">

                <div id="image_con" style="float:left; border:1px solid black; width:200px; height:200px; background-color:black; overflow:hidden;">
                    <div id="image_recent" style="margin-left:-50px;">
                        <?php set_post_thumbnail_size( 300, 300 );
                            the_post_thumbnail(); ?>
                    </div>
                </div>

                <div id="cr_content" style="float:right; border:1px solid black; width:356px; height:200px;">
                <?php 
                    the_title();
                    the_excerpt();
                ?>
                </div>

            </a>
        </li>
    <?php endforeach; ?>
   <?php wp_reset_query(); ?>
   </ul>
4

2 回答 2

1

缩进你的代码后，你有：

<a>
  <div>

这违反了规则：<div>内联元素（ ）内没有块级元素（ <a>）：因此您可以使用浏览器为使用非标准代码进行后备所做的任何事情。

如果它有效，它会使主播的命中覆盖面巨大......

更远：

<div style="float:left">
<div style="float:right">

这些漂浮在什么地方？要么你需要一些东西来强制下面的块（例如样式clear: both或只使用一个浮动和另一个的边距大小以匹配另一个的宽度+边框+填充）。

于 2012-07-18T17:06:20.820 回答
0

我可以立即看到几个问题：

  1. 你没有关闭你的<ul>标签。
  2. 您将块级元素放置在内联元素中。您需要将它们声明为块级元素。

让我们在这里工作：http: //jsfiddle.net/vPqDf/1/

于 2012-07-18T15:03:41.577 回答