Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/36.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 bootstrap 当父Div的宽度为80vw时,如何设置设备宽度为100vw的子Div_Twitter Bootstrap_Css - Fatal编程技术网

Twitter bootstrap 当父Div的宽度为80vw时,如何设置设备宽度为100vw的子Div

Twitter bootstrap 当父Div的宽度为80vw时,如何设置设备宽度为100vw的子Div,twitter-bootstrap,css,Twitter Bootstrap,Css,.parent{ 宽度:80vw; 高度:200px; 背景色:红色; 保证金:0自动; 文本对齐:居中; } .孩子{ 宽度:100vw; 高度:100px; 背景颜色:蓝色; } 如果您正试图这样做,请将父对象居中,然后使用“相对位置”和左负值将子对象居中 .parent{ 宽度:200px; 高度:200px; 背景色:红色; 页边距:0自动;/*将父级居中显示在屏幕上*/ } .孩子{ 位置:相对位置; 宽度:100vw; 高度:100px; 背景颜色:蓝色; /*使用负左键使孩子居中

.parent{
宽度:80vw;
高度:200px;
背景色:红色;
保证金:0自动;
文本对齐:居中;
}
.孩子{
宽度:100vw;
高度:100px;
背景颜色:蓝色;
}

如果您正试图这样做,请将父对象居中,然后使用“相对位置”和左负值将子对象居中

.parent{
宽度:200px;
高度:200px;
背景色:红色;
页边距:0自动;/*将父级居中显示在屏幕上*/
}
.孩子{
位置:相对位置;
宽度:100vw;
高度:100px;
背景颜色:蓝色;
/*使用负左键使孩子居中*/
/*左:计算(50%-50vw)*/
/*或*/
左:50%;
转化:translateX(-50%);
}
身体{
保证金:0;
}

如果您正试图这样做,请将父对象居中,然后使用“相对位置”和左负值将子对象居中

.parent{
宽度:200px;
高度:200px;
背景色:红色;
页边距:0自动;/*将父级居中显示在屏幕上*/
}
.孩子{
位置:相对位置;
宽度:100vw;
高度:100px;
背景颜色:蓝色;
/*使用负左键使孩子居中*/
/*左:计算(50%-50vw)*/
/*或*/
左:50%;
转化:translateX(-50%);
}
身体{
保证金:0;
}

刚刚设置
左边距:-10vw在子元素中

.parent{
宽度:80vw;
高度:200px;
背景色:红色;
保证金:自动;
}
.孩子{
宽度:100vw;
高度:100px;
背景颜色:蓝色;
左边距:-10vw;
}

刚刚设置
左边距:-10vw在子元素中

.parent{
宽度:80vw;
高度:200px;
背景色:红色;
保证金:自动;
}
.孩子{
宽度:100vw;
高度:100px;
背景颜色:蓝色;
左边距:-10vw;
}


Hi Yogesh。我对你想要达到的目标有点困惑。当孩子100%在屏幕上时,家长是否会有1024px?听起来你可能需要一个不同的结构,其中你有一个100%占据屏幕的父div,然后是两个子div。一个是1024px,一个是100%。我理解正确吗?@–威震天在上面的代码中,儿童div向右侧溢出,我想将儿童div中心与设备宽度对齐。我对你想要达到的目标有点困惑。当孩子100%在屏幕上时,家长是否会有1024px?听起来你可能需要一个不同的结构,其中你有一个100%占据屏幕的父div,然后是两个子div。一个是1024px,一个是100%。我理解正确吗?@–威震天在上面的代码中,子div向右侧溢出,我想将子div中心与设备宽度对齐,我希望输出如上所示,不带左:calc(50%-50vw);在移动浏览器中不起作用,我有tryied@DVYogesh为什么不呢?还有其他方法可以集中精力。我将添加另一个。即使我尝试过转换:translateX(-50%);在移动浏览器中没有用,一些看起来很好的东西尝试隔离问题,例如在移动浏览器中打开stackoverflow,看看我添加的示例是否有效。如果是这样的话,你的css、html等还有另一个问题。@Ori你已经尽了最大努力,工作很酷,你得到了votei想要的输出,如上图所示,没有留下:calc(50%-50vw);在移动浏览器中不起作用,我有tryied@DVYogesh为什么不呢?还有其他方法可以集中精力。我将添加另一个。即使我尝试过转换:translateX(-50%);在移动浏览器中没有用,一些看起来很好的东西尝试隔离问题,例如在移动浏览器中打开stackoverflow,看看我添加的示例是否有效。如果是这样的话,你的css、html等中还有另一个问题。@Ori你已经尽了最大努力,yaar,很酷的工作,你已经开始投票了