Twitter引导Css根据父行固定子行的高度
有没有更好的方法将孩子的身高固定到父母的主要身高?Twitter引导Css根据父行固定子行的高度,css,twitter-bootstrap,height,parent,Css,Twitter Bootstrap,Height,Parent,有没有更好的方法将孩子的身高固定到父母的主要身高? 我试过了,但不适合我: .child { background: none repeat scroll 0 0 #5B6567; border-radius: 5px 0 0 0; display: inline-block; float: left; line-height: 30px; padding-top: 6px; position: relative !important;
我试过了,但不适合我:
.child {
background: none repeat scroll 0 0 #5B6567;
border-radius: 5px 0 0 0;
display: inline-block;
float: left;
line-height: 30px;
padding-top: 6px;
position: relative !important;
text-align: center;
width: 12%;
height:100%
}
<div class="row-fluid">
<div class="child">
child
</div>
</div>
.child{
背景:无重复滚动0 0#5B6567;
边界半径:5px0;
显示:内联块;
浮动:左;
线高:30px;
填充顶部:6px;
职位:相对!重要;
文本对齐:居中;
宽度:12%;
身高:100%
}
小孩
JSFIDLE
检查我想要灰色的左div来固定红色的一个大的媒体div的高度
ps:我不能使用固定/px维度,我在布局上只使用百分比/%我仍然不确定我是否理解这个问题。。。 首先,移除
子项上的填充物,因为这会导致高度:100%
出现问题。您应该在内部div中添加填充:
.inner {
padding:6px;
}
<div class="child">
<div class="inner">child</div>
</div>
.inner{
填充:6px;
}
小孩
高度100%正常工作。下面是一个3个孩子(其中两个相等)的示例,在浮动父对象中浮动,没有问题:
如果您仍然有问题,请发布row fluid
的CSS,或者更好的,一个jsfiddle。我仍然不确定我是否理解这个问题。。。
首先,移除子项上的填充物,因为这会导致高度:100%
出现问题。您应该在内部div中添加填充:
.inner {
padding:6px;
}
<div class="child">
<div class="inner">child</div>
</div>
.inner{
填充:6px;
}
小孩
高度100%正常工作。下面是一个3个孩子(其中两个相等)的示例,在浮动父对象中浮动,没有问题:
如果您仍然有问题,请发布row fluid
的CSS,或者更好的,发布一个JSFIDLE。这怎么不适合您?我将您的代码复制到JSFIDLE中,它可以正常工作。这样,孩子和家长的高度相同。我遗漏了什么吗?抱歉,我更新了问题,我在twitter引导程序上,现在检查一下。不要一直更改问题和代码显示,你将得不到任何帮助。@Caelea你是什么意思?我需要留下一个错误的代码,或者我需要使用正确的代码?这怎么对你不起作用?我将您的代码复制到JSFIDLE中,它可以正常工作。这样,孩子和家长的高度相同。我遗漏了什么吗?抱歉,我更新了问题,我在twitter引导程序上,现在检查一下。不要一直更改问题和代码显示,你将得不到任何帮助。@Caelea你是什么意思?我需要留下一个错误的代码,或者我需要使用正确的代码?我试过使用内部div,但它不起作用。真的不明白怎么回事:/create a jsfiddle请:(粘贴相关代码,单击“Save”并发布链接)检查我希望灰色的左div适合.media的高度(红色的大一div)如果您想让div看起来像表,那么就使用表,这样会容易得多。一个3列1行的表可以解决你的问题。使用DIV's then xD不是一个好主意,但是当你需要一个表时,你不必使用divs来“酷”。我试过使用内部DIV,但它不起作用。真的不明白怎么了:/create A jsfiddle请:(粘贴相关代码,点击“保存”并张贴链接)检查我希望灰色左div适合.media的高度(红色大一div)如果您希望div看起来像表格,请使用表格,这样会容易得多。一个3列1行的表可以解决你的问题。使用DIV's then xD,在任何地方使用表都不是一个好主意,但是当你需要一个表时,你不必使用divs来“酷”。