Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/85.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 对齐div左上角的圆图像_Html_Css - Fatal编程技术网

Html 对齐div左上角的圆图像

Html 对齐div左上角的圆图像,html,css,Html,Css,正如您在图像中看到的,outside div在左上角有一个溢出圆图像。我正在努力实现这一目标,但不确定如何实现 我只是在打边距顶部和边距左侧的位置,但这也没有帮助 代码: .装饰性{ 位置:静态; 宽度:174.5px; 高度:190.5px; 左:10px; 顶部:10px; 背景:#EEA731; /*内部自动布局*/ flex:无; 顺序:0; 利润上限:-130px; 左边距:-100px; 自对准:居中; 利润率:10px 0px; } 解决了这一问题,将相对位置设置为父div,绝对

正如您在图像中看到的,outside div在左上角有一个溢出圆图像。我正在努力实现这一目标,但不确定如何实现

我只是在打边距顶部和边距左侧的位置,但这也没有帮助

代码:


.装饰性{
位置:静态;
宽度:174.5px;
高度:190.5px;
左:10px;
顶部:10px;
背景:#EEA731;
/*内部自动布局*/
flex:无;
顺序:0;
利润上限:-130px;
左边距:-100px;
自对准:居中;
利润率:10px 0px;
}

解决了这一问题,将相对位置设置为父div,绝对位置设置为circle div,管理circle div bg图像左上角宽度高度和边框半径50%


有时,人们要求太多的信息,我认为提供的信息足以让人们提供帮助,这里不再像帮助论坛,而是一个寄宿学校,人们在那里寻找机会投票否决你的查询哈哈

在这里添加所有HTML和CSS代码
<div class="decorative"> </div>

.decorative{
  position: static;
  width: 174.5px;
  height: 190.5px;
  left: 10px;
  top: 10px;

  background: #EEA731;

  /* Inside Auto Layout */

  flex: none;
  order: 0;
  margin-top: -130px;
  margin-left: -100px;
  align-self: center;
  margin: 10px 0px;
}