如何设置元素的样式以忽略其父级的填充?

时间:2016-12-10 02:26:48

标签: html css

CSS

div {
   padding: 20px;
}

HTML

<div><button>test</button><p>this is some text</p></div>

有没有办法让button忽略填充并拥抱父div的右上角,而不会影响p周围的20px?

我觉得我可能会对position属性做些什么,但是从我的简短研究来看,它似乎没有做我想要的。

3 个答案:

答案 0 :(得分:4)

您可以使用位置或负边距:

位置:

    return view('upload.index', array('lamanInformasi'=>$lamanInformasi,'downloadFile'=>$downloadFile));

负边距:

div {
  padding: 20px;
  position: relative;
}
div button {
  position: absolute;
}

答案 1 :(得分:1)

foo(std::forward<T&&>(args)...);  // becomes:
foo(std::forward<int&&>(1), std::forward<double&&>(2.0),std::forward<char&&>('3'));

JSFiddle

答案 2 :(得分:1)

试试这个:

* {
  margin: 0px;
  padding: 0px; }
		
div {
  padding: 50px;
  background: yellow;
  position:relative; }
		
div p {
  background: green;
  position: absolute;
  top: 0px;
  left: 0px; }
<div>
    <p>This is paragraph inside a div.</p>
</div>