Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/33.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
Html 使用CSS将boder扩展到固定宽度以上_Html_Css - Fatal编程技术网

Html 使用CSS将boder扩展到固定宽度以上

Html 使用CSS将boder扩展到固定宽度以上,html,css,Html,Css,想问一个问题,以帮助提出一个解决方案,将元素上的边框顶部延伸超过容器的固定宽度,设置为width:1024px。同时将内容保持在页面的中心,向左对齐 谢谢大家! 下面是代码 Html <main> <div> <span>Hello</span> </div> </main> 不能使图元的边界延伸超过该图元的尺寸。但是您可以使用position:absolute使您的div脱离main 例

想问一个问题,以帮助提出一个解决方案,将元素上的边框顶部延伸超过容器的固定宽度,设置为
width:1024px。同时将内容保持在页面的中心,向左对齐

谢谢大家!

下面是代码

Html

<main>
    <div>
      <span>Hello</span>
    </div>

  </main>

不能使图元的边界延伸超过该图元的尺寸。但是您可以使用
position:absolute使您的
div
脱离
main

例如:

div {
  float:left;
  width:60%;
  transition:all 0.4s ease;
  border-top: solid black 5px;
  position: absolute;
}

提琴是空的,不是吗?@guinatal是的,这是个错误。
div {
  float:left;
  width:60%;
  transition:all 0.4s ease;
  border-top: solid black 5px;
  position: absolute;
}