- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时,我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
这是我关于 SO 的第一篇文章,我已经浏览了几篇标题相似的文章来找到这个问题的答案。我已经盯着它看了几个小时了,我想可能有一个明显的答案在盯着我看,但到目前为止我还没有找到它:(
我有一个 <div>
在我的侧边栏中,底部显示有额外的空白,大约 150px 的空白在我能找到的任何地方的 CSS 中都没有定义。我想知道我的 CSS 中是否定义了冲突的规则,但也找不到。我把我的头发拉到这里,因为这似乎应该直接修复,但是 Margin-bottom: 0, Padding-bottom: 0, defined height, 似乎没有什么可以修复它而且 Firebug 甚至没有显示空白作为边距或填充。当我为有问题的 div 定义宽度或边距时,错误似乎只会浮出水面。我试着简单地不定义任何一个,但是我嵌套的 ul 和 li 的宽度不适合包含它们的内容。
如有任何帮助或建议,我们将不胜感激。
这是我的 CSS 和 HTML 片段以及指向网站本身的链接。
http://www.niagarathistle.com/clients/weekendhousewife/index.html
HTML:
<div id="category">
<div id="everyday_life">
<h3 class="life"><a href="" rel="" title="">Everyday Life</a></h3>
<div class="ribbon_fold_bottomright"></div><!-- to position the ribbons's bottom-right fold triangle -->
<ul>
<li><a href="(EmptyReference!)" rel="" title="Read (TITLE OF THE POST) post">(The title of the Post)</a></li>
<li><a href="(EmptyReference!)" rel="" title="Read (TITLE OF THE POST) post">(The title of the Post)</a></li>
<li><a href="(EmptyReference!)" rel="" title="Read (TITLE OF THE POST) post">(The title of the Post)</a></li>
</ul>
<p class="view_more">[<a href="(EmptyReference!)" rel="" title="View more posts from the Everyday Life Category">view more posts</a>]</p>
</div>
<div id="cooking">
<h3><a href="" rel="" title="">Weekend Cooking</a></h3>
<div class="ribbon_fold_bottomright"></div><!-- to position the ribbons's bottom-right fold triangle -->
<ul>
<li><a href="(EmptyReference!)" rel="" title="Read (TITLE OF THE POST) post">(The title of the Post)</a></li>
<li><a href="(EmptyReference!)" rel="" title="Read (TITLE OF THE POST) post">(The title of the Post)</a></li>
<li><a href="(EmptyReference!)" rel="" title="Read (TITLE OF THE POST) post">(The title of the Post)</a></li>
</ul>
<p class="view_more">[<a href="(EmptyReference!)" rel="" title="View more posts from the Weekend Cooking Category">view more posts</a>]</p>
</div>
<div id="photography">
<h3><a href="" rel="" title="">Photgarphy</a></h3>
<div class="ribbon_fold_bottomright"></div><!-- to position the ribbons's bottom-right fold triangle -->
<ul>
<li><a href="(EmptyReference!)" rel="" title="Read (TITLE OF THE POST) post">(The title of the Post)</a></li>
<li><a href="(EmptyReference!)" rel="" title="Read (TITLE OF THE POST) post">(The title of the Post)</a></li>
<li><a href="(EmptyReference!)" rel="" title="Read (TITLE OF THE POST) post">(The title of the Post)</a></li>
</ul>
<p class="view_more">[<a href="(EmptyReference!)" rel="" title="View more posts from the Photography Category">view more posts</a>]</p>
</div>
<div id="scrapbooking">
<h3><a href="" rel="" title="">Memory Keeping</a></h3>
<div class="ribbon_fold_bottomright"></div><!-- to position the ribbons's bottom-right fold triangle -->
<ul>
<li><a href="(EmptyReference!)" rel="" title="Read (TITLE OF THE POST) post">(The title of the Post)</a></li>
<li><a href="(EmptyReference!)" rel="" title="Read (TITLE OF THE POST) post">(The title of the Post)</a></li>
<li><a href="(EmptyReference!)" rel="" title="Read (TITLE OF THE POST) post">(The title of the Post)</a></li>
</ul>
<p class="view_more">[<a href="(EmptyReference!)" rel="" title="View more posts from the Memory Keeping Crafts Category">view more posts</a>]</p>
</div>
<div id="crafts">
<h3><a href="" rel="" title="">Homemade Crafts</a></h3>
<div class="ribbon_fold_bottomright"></div><!-- to position the ribbons's bottom-right fold triangle -->
<ul>
<li><a href="(EmptyReference!)" rel="" title="Read (TITLE OF THE POST) post">(The title of the Post)</a></li>
<li><a href="(EmptyReference!)" rel="" title="Read (TITLE OF THE POST) post">(The title of the Post)</a></li>
<li><a href="(EmptyReference!)" rel="" title="Read (TITLE OF THE POST) post">(The title of the Post)</a></li>
</ul>
<p class="view_more">[<a href="(EmptyReference!)" rel="" title="View more posts from the Homemade Crafts Category">view more posts</a>]</p>
</div>
</div>
CSS:
#sidebar {
border-left: 1px dotted #231f20;
width: 170px;
padding: 0 15px;
margin: 0 0 15px 730px;
}
#sidebar h3 {
font-size: 12px;
letter-spacing: 1.5px;
color: #fff;
height: 25px;
background: #231f20 url(../images/ribbon_left.gif) left center no-repeat;
text-align: right;
line-height: 26px; /* to vertically center text on background */
width: 194px;
padding-right: 5px;
margin: 0 0 5px -5px;
border-top: 1px #f5eee8 solid;
border-bottom: 1px #f5eee8 solid;
font-weight: normal;
z-index: 2; /* to properly position the h3 ribbon's bottom-right fold triangle */
}
#sidebar #category h3 {
margin-left: 10px;
}
#sidebar div#category div,
#sidebar div#blogroll,
#sidebar div#cookbooks {
position: relative; /* to position the h3 ribbon's bottom-right fold triangle */
}
#sidebar div#category div div.ribbon_fold_bottomright,
#sidebar div#blogroll div.ribbon_fold_bottomright,
#sidebar div#cookbooks div.ribbon_fold_bottomright { /* to position the h3 ribbon's bottom-right fold triangle */
position: absolute;
z-index: 1;
border-style: solid;
height: 0;
width: 0;
top: 27px;
left: 184px;
border-color: transparent transparent transparent #231f20;
border-width: 0 0 10px 10px;
}
#sidebar div#category div div.ribbon_fold_bottomright {
left: 214px;
}
#sidebar ul li {
list-style: none;
}
#sidebar div#category div { /* BUG FireFox - This rule breaks the Sidebar layout, it adds too much whitespace to bottom of Category <ul>. Why? */
margin: 0 0 20px -15px;
width: 175px;
}
#sidebar div#category h3 a {
color: #fff;
text-decoration: none;
}
#sidebar div#category h3 a:hover {
color: #ff7e99;;
text-decoration: none;
}
#sidebar div#category ul li {
border: none;
margin-left: 0;
padding: 0;
}
#sidebar div#category ul li:last-child {
border-bottom: none;
}
#sidebar div#category div ul {
margin-bottom: 0;
}
#sidebar div#category p.view_more {
margin: 0 0 0 15px;
font-size: 1.0em;
}
#sidebar div#blogroll {
text-align: center;
}
#sidebar div#blogroll select {
margin: 0 0 20px 10px;
}
#sidebar div#cookbooks {
text-align: center;
}
最佳答案
要解决这个问题,你必须删除 hr
-css 定义中的 clear: both;
,因为它会停止 float 并在最高的 float dom 元素。
在此之后,div
中的 id
“articles_prev”会出现问题。你可以通过添加一个名为 e.g. 的 class
来解决这个问题。 clearBoth
到此 div
中的 hr
。在 css 文件中定义 .clearBoth
只有一个 clear: both;
。就是这样。
styles.css 中的更改:更改 hr
并添加 clearBoth
hr {
background: url("../images/flourish_divider.png") no-repeat scroll center center transparent;
border: medium none;
color: #333333;
height: 15px;
margin: 10px auto;
width: 90%;
}
.clearBoth {
clear: both;
}
html 中的更改:将 class
添加到 hr
<div id="articles_prev">
...
<hr class="clearBoth">
...
</div>
关于css - 奇怪的底部边距/空白添加到 <ul>,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7220682/
我创建了一个用户可以添加测试的字段。这一切运行顺利我只希望当用户点击(添加另一个测试)然后上一个(添加另一个测试)删除并且这个显示在新字段中。 所有运行良好的唯一问题是点击(添加另一个字段)之前添加另
String[] option = {"Adlawan", "Angeles", "Arreza", "Benenoso", "Bermas", "Brebant
关闭。这个问题不符合Stack Overflow guidelines .它目前不接受答案。 这个问题似乎不是关于 a specific programming problem, a softwar
我正在努力将 jQuery 滚动功能添加到 nav-tab (Bootstrap 3)。我希望用户能够选择他们想要的选项卡,并在选项卡内容中有一个可以平滑滚动到 anchor 的链接。这是我的代码,可
我正在尝试在用户登录后再添加 2 个 ui 选项卡。首先,我尝试做一个之后。 $('#slideshow').tabs('remove', '4'); $("#slideshow ul li:last
我有一个包含选择元素的表单,我想通过选择添加和删除其中一些元素。这是html代码(这里也有jsfiddle http://jsfiddle.net/txhajy2w/):
正在写这个: view.backgroundColor = UIColor.white.withAlphaComponent(0.9) 等同于: view.backgroundColor = UICo
好的,如果其中有任何信息,我想将这些列添加到一起。所以说我有 账户 1 2 3 . 有 4 个帐户空间,但只有 3 个帐户。我如何创建 java 脚本来添加它。 最佳答案 Live Example H
我想知道是否有一种有效的预制算法来确定一组数字的和/差是否可以等于不同的数字。示例: 5、8、10、2,使用 + 或 - 等于 9。5 - 8 = -3 + 10 = 7 + 2 = 9 如果有一个预
我似乎有一个卡住的 git repo。它卡在所有基本的添加、提交命令上,git push 返回所有内容为最新的。 从其他帖子我已经完成了 git gc 和 git fsck/ 我认为基本的调试步骤是
我的 Oracle SQL 查询如下- Q1- select hca.account_number, hca.attribute3, SUM(rcl.extended_amou
我正在阅读 http://developer.apple.com/iphone/library/documentation/iPhone/Conceptual/iPhoneOSProgrammingG
我正在尝试添加一个“加载更多”按钮并限制下面的结果,这样投资组合页面中就不会同时加载 1000 个内容,如下所示:http://typesetdesign.com/portfolio/ 我对 PHP
我遇到这个问题,我添加了 8 个文本框,它工作正常,但是当我添加更多文本框(如 16 个文本框)时,它不会添加最后一个文本框。有人遇到过这个问题吗?提前致谢。 Live Link: JAVASCRIP
add/remove clone first row default not delete 添加/删除克隆第一行默认不删除&并获取正确的SrNo(例如:添加3行并在看到问题后删除SrNo.2)
我编码this ,但删除按钮不起作用。我在控制台中没有任何错误.. var counter = 0; var dataList = document.getElementById('materi
我有一个类似数组的对象: [1:数组[10]、2:数组[2]、3:数组[2]、4:数组[2]、5:数组[3]、6:数组[1]] 我正在尝试删除前两个元素,执行一些操作,然后将它们再次插入到同一位置。
使用的 Delphi 版本:2007 你好, 我有一个 Tecord 数组 TInfo = Record Name : String; Price : Integer; end; var Info
我使用了基本的 gridster 代码,然后我声明了通过按钮添加和删除小部件的函数它工作正常但是当我将调整大小功能添加到上面的代码中时,它都不起作用(我的意思是调整大小,添加和删除小部件) 我的js代
title 323 323 323 title 323 323 323 title 323 323 323 JS $(document).keydown(function(e){
我是一名优秀的程序员,十分优秀!