Html 如何沿块的宽度移动块(仅css)

Html 如何沿块的宽度移动块(仅css),html,css,Html,Css,我想将块沿其长度向左移动。 我怎么能做到? 简单示例,纯css: .mytext{ 边框:8px黑色固体; 文本对齐:居中; 字体大小:45px; 左:300px; 宽度:继承; 高度:60px; 过渡:2s; -webkit转换:2s; -moz跃迁:2s; 位置:绝对位置; } .mytext:悬停{ 左:0; } .mytext2{ 边缘顶部:100px; 边框:8px黑色固体; 文本对齐:居中; 字体大小:45px; 宽度:300px; 高度:60px; 过渡:2s; -webkit转

我想将块沿其长度向左移动。 我怎么能做到?
简单示例,纯css

.mytext{
边框:8px黑色固体;
文本对齐:居中;
字体大小:45px;
左:300px;
宽度:继承;
高度:60px;
过渡:2s;
-webkit转换:2s;
-moz跃迁:2s;
位置:绝对位置;
}
.mytext:悬停{
左:0;
}
.mytext2{
边缘顶部:100px;
边框:8px黑色固体;
文本对齐:居中;
字体大小:45px;
宽度:300px;
高度:60px;
过渡:2s;
-webkit转换:2s;
-moz跃迁:2s;
位置:绝对位置;
}
@关键帧向左滑动{
0% {
转化:translateX(100%);
}
100% {
变换:translateX(0);
}
}
.mytext2{
/*本节调用上面定义的slideInFromLeft动画*/
动画:2秒释放0秒,1秒向左滑动;
}
文本

text2
您的问题完全不清楚。请详细说明。您可能需要添加更多的代码并解释您正在尝试执行的操作。你所拥有的还不足以帮助你解决一个特定的问题什么障碍?老兄,快打个招呼。帮我们帮你。我加了一张图片,希望你明白我想要什么。CSS规则<代码>左边距:-300px没有代码,很难提供帮助。你正确理解我想要什么,但我不需要js@MaximPro,如果有任何答案对你有帮助,如果答案是你想要的,请将其标记为未来的读者。非常感谢。不错,但我不知道块的宽度,可能是50px或300px或1500px(动态内容,如内联块)@MaximPro。没关系,可以使用
width:inherit如果你的块在一个容器中,你需要知道的只是剩下的,如果你没有留下,有太多的方法来做,这能解决你的问题吗?块“文本”的移动超过了它自己的大小-这是错误的。他的尺码是83码。他必须仅在83px上移动或根据块内容的大小移动。