Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/git/21.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Twitter引导Css根据父行固定子行的高度_Css_Twitter Bootstrap_Height_Parent - Fatal编程技术网

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来“酷”。