Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/458.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
Javascript 如何降低利润率';宽度的值是多少?_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 如何降低利润率';宽度的值是多少?

Javascript 如何降低利润率';宽度的值是多少?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,这是我的密码: div{ 边框:1px纯红; 高度:20px; } 跨度{ 显示:表格; 边框:1px纯绿色; 高度:10px; 宽度:100%; 左边距:20px; } 使用继承 div{ 边框:1px纯红; 高度:20px; } 跨度{ 显示:块; 边框:1px纯绿色; 高度:10px; 宽度:继承; 左边距:20px; } 使用继承 div{ 边框:1px纯红; 高度:20px; } 跨度{ 显示:块; 边框:1px纯绿色; 高度:10px; 宽度:继承; 左边距:20px; }

这是我的密码:

div{
边框:1px纯红;
高度:20px;
}
跨度{
显示:表格;
边框:1px纯绿色;
高度:10px;
宽度:100%;
左边距:20px;
}

使用继承

div{
边框:1px纯红;
高度:20px;
}
跨度{
显示:块;
边框:1px纯绿色;
高度:10px;
宽度:继承;
左边距:20px;
}

使用继承

div{
边框:1px纯红;
高度:20px;
}
跨度{
显示:块;
边框:1px纯绿色;
高度:10px;
宽度:继承;
左边距:20px;
}

移除
宽度:100%

div{
  border: 1px solid red;
  height: 20px;
}
span{
  display: block;
  border: 1px solid green;
  height: 10px;
  margin-left:20px;
}

移除
宽度:100%

div{
  border: 1px solid red;
  height: 20px;
}
span{
  display: block;
  border: 1px solid green;
  height: 10px;
  margin-left:20px;
}
只需去掉宽度

div{
边框:1px纯红;
高度:20px;
}
跨度{
显示:块;
边框:1px纯绿色;
高度:10px;
左边距:20px;
}

只需删除宽度即可

div{
边框:1px纯红;
高度:20px;
}
跨度{
显示:块;
边框:1px纯绿色;
高度:10px;
左边距:20px;
}

这有帮助吗

div{
边框:1px纯红;
高度:20px;
}
跨度{
显示:块;
边框:1px纯绿色;
高度:10px;
宽度:自动;
左边距:20px;
右边距:20px;
}

这有帮助吗

div{
边框:1px纯红;
高度:20px;
}
跨度{
显示:块;
边框:1px纯绿色;
高度:10px;
宽度:自动;
左边距:20px;
右边距:20px;
}

也许这不适合您,因为我修改的内容太多了,但可能有用

如果将跨度显示为块而不是表格,并更改“无流位置”的边距,则可以实现所需,但这可能会影响这些项目与其环境的关系。
div{
边框:1px纯红;
高度:20px;
位置:相对位置;
}
跨度{
显示:块;
边框:1px纯绿色;
高度:10px;
位置:绝对位置;
左:20px;
右:0px;
顶部:0px;
底部:0px
}

也许这不适合您,因为我修改的内容太多了,但可能有用

如果将跨度显示为块而不是表格,并更改“无流位置”的边距,则可以实现所需,但这可能会影响这些项目与其环境的关系。
div{
边框:1px纯红;
高度:20px;
位置:相对位置;
}
跨度{
显示:块;
边框:1px纯绿色;
高度:10px;
位置:绝对位置;
左:20px;
右:0px;
顶部:0px;
底部:0px
}

试试这个

div{
边框:1px纯红;
高度:20px;
左侧填充:20px;
}
跨度{
显示:表格;
边框:1px纯绿色;
高度:10px;
宽度:100%;
}

试试这个

div{
边框:1px纯红;
高度:20px;
左侧填充:20px;
}
跨度{
显示:表格;
边框:1px纯绿色;
高度:10px;
宽度:100%;
}



只需删除
宽度:100%
@MuhammadUsman我已经编辑了我的问题。在当前版本中,删除
width
不会得到预期的结果。我的变体不适用于当前版本。但是,从子级删除
左边距
,并在父级添加
左边距
。还要添加
框大小:边框框
@MuhammadUsman谢谢。我应该将
框大小:边框框
添加到哪个元素?孩子还是父母?顺便说一句,它不需要调整盒子大小。那么添加它是强制性的吗?它应该在宽度为100%的子级上+
边框
。否则,元件的总宽度将为
100%+1px
。您的元素将稍微溢出父元素。只需删除
width:100%
@MuhammadUsman我已编辑了我的问题。在当前版本中,删除
width
不会得到预期的结果。我的变体不适用于当前版本。但是,从子级删除
左边距
,并在父级添加
左边距
。还要添加
框大小:边框框
@MuhammadUsman谢谢。我应该将
框大小:边框框
添加到哪个元素?孩子还是父母?顺便说一句,它不需要调整盒子大小。那么添加它是强制性的吗?它应该在宽度为100%的子级上+
边框
。否则,元件的总宽度将为
100%+1px
。并且您的元素会稍微溢出父元素。如果根本不使用
width
,会有什么不同?谢谢。。但是很抱歉,我的问题中的
display
属性写错了。我编辑了它。请再看一看。@MuhammadUsman如果没有指定宽度,则默认为“自动”,这意味着它会根据图形中元素的数量增减it@Azola不,块级元素始终具有全部可用宽度。@MuhammadUsman谢谢。进一步解释,这意味着在这种情况下,宽度属性基本上已经过时。如果根本不使用
width
,会有什么不同?谢谢。。但是很抱歉,我的问题中的
display
属性写错了。我编辑了它。请再看一看。@MuhammadUsman如果没有指定宽度,则默认为“自动”,这意味着它会根据图形中元素的数量增减it@Azola不,块级元素始终具有全部可用宽度。@MuhammadUsman谢谢。进一步解释,这意味着width属性在这样的实例中基本上已过时谢谢。。但是很抱歉,我的问题中的
display
属性写错了。我编辑了它。请再看一遍。谢谢。。但是很抱歉,我的问题中的
display
属性写错了。我编辑了它。请看一看