响应式元素过渡

Question

您好，我不知道如何解决这个问题...

我希望图像中标有红色矩形的元素根据屏幕大小移动，始终与下方的容器对齐。我正在制作一个具有不同媒体屏幕实例的响应式网站，但我想确保该元素始终保持相同的对齐方式。我怎么做？请不要JS。

http://www.awesomescreenshot.com/image/58399/669844960fdd9761084f64bae5d29112

Answer 1

由于您到目前为止还没有提供任何代码，因此很难为您提供帮助。但是，我想我了解您的需求，您需要指定一些宽度限制来完成此操作：

您需要在标题内有一个与下面内容具有相同宽度的容器。 Here 是一个工作小提琴

css {
 width: X%; 
}