CSS:添加到

CSS:添加到,css,Css,啊!我问了一个关于HTML文件中空白的问题,答案是:几天前。但是现在我在使用原始文件中的大部分代码创建的第二个页面上也遇到了同样的问题。布局略有不同,但侧边栏在HTML和CSS中都没有更改。然而,现在我的BLOGROLL div中有空白,我仍然不知道为什么会发生这种情况。如果没有我自己无法解决的原因,我可以只按照特定实例的给定说明进行操作。任何帮助和推动都将有助于解释为什么会发生这种情况 我的侧边栏中有一个,在底部显示了额外的空白,大约150px的空白,在CSS中我可以找到的任何地方都没有定义。

啊!我问了一个关于HTML文件中空白的问题,答案是:几天前。但是现在我在使用原始文件中的大部分代码创建的第二个页面上也遇到了同样的问题。布局略有不同,但侧边栏在HTML和CSS中都没有更改。然而,现在我的BLOGROLL div中有空白,我仍然不知道为什么会发生这种情况。如果没有我自己无法解决的原因,我可以只按照特定实例的给定说明进行操作。任何帮助和推动都将有助于解释为什么会发生这种情况

我的侧边栏中有一个,在底部显示了额外的空白,大约150px的空白,在CSS中我可以找到的任何地方都没有定义。似乎当我在我的主要内容部分添加段落时,这些p将我的Blogroll div推到了边栏越来越低的位置。我想知道我的CSS中是否定义了冲突规则,但也找不到。我把头发拔出来是因为这看起来应该是直接修复的,但是边距底部:0,填充底部:0,定义的高度,似乎无法修复它,Firebug甚至不会将空白显示为边距或填充。只有当我在主要内容部分添加段落时,错误才会显现出来

任何帮助或建议都将不胜感激

下面是我的CSS和HTML的片段以及指向网站本身的链接

www.niagarathistle.com/clients/weekendhouseer/post.html


试图发布我的代码,但不断出现错误,说我发布了图像。没有发布任何图片,甚至删除了我HTMl中的所有img标记和CSS中的所有url调用,但仍然存在错误。所以,如果有人愿意回答我的问题,但无法在上面的URL上查看源代码,也无法在www.niagarathistle.com/clients/weekendhouseer/CSS/styles.CSS上查看CSS,请告诉我,我很乐意转发一个文本文件或尝试再次发布。

就在您的blogroll div上方,styles.css的第114行有一个标记,该标记将按照以下规则清除

clear: both;
这是清除主content div上的浮动,因此它会将所有内容推到content\u container div下面。您应该能够通过移除、移除clear:both;或者明确规定:无;在那上面

我建议在第114行下面添加以下规则:

#sidebar hr {clear:none;}

这又是一个浮动问题。以下解决方案适用于两个站点

css更改:从字段集、字段集和字段集的css定义中删除clear:left和float:left

html更改:在id为blogroll的div中删除带有clearfix类的div


在你的第一篇评论中看到我的新评论。如果我使用你的解决方案,这不会让我回到我原来的问题,因为侧边栏hr没有被清除吗?原来的问题@查尔斯我尝试过你的解决方案,但没有改变任何事情。但是,我注意到我给你的页面不正确。我已更新我的op以显示指向我的站点页面的正确链接。你能重新检查一下我的页面,给我一个解决这个空白问题的方法吗?@Craig我在你发布的新链接上没有看到这个问题,所以我假设你已经把所有问题都解决了?
fieldset, fieldset ol li fieldset {
    background-color: transparent;
    border: medium none;
    margin: 0 0 15px;
    padding: 0;
    position: relative;
    width: 100%;
}
<div id="blogroll">
    <h3>Blogging Friends</h3>
    <div class="ribbon_fold_bottomright"></div>
    <form action="">
        <fieldset>
            <select onchange="window.open(this.value,'','');" name="friendsblogs" size="1">
                <option value="">Select Blog</option>
                <option value="(BLOG URL)">Friend's Blog</option>
                <option value="(BLOG URL)">Friend's Blog</option>
                <option value="(BLOG URL)">Friend's Blog</option>
                <option value="(BLOG URL)">Friend's Blog</option>
                <option value="(BLOG URL)">Friend's Blog</option>
            </select>
        </fieldset>
    </form>
</div>