/* 容器需要相对定位，以便内部元素可以相对于它进行绝对定位 */
.iframediv {
  /* display: flex; */
  flex-direction: column;
  /* height: 100vh; */
  /* position: relative;  */
  /* 为绝对定位的子元素提供参照 */
  /* overflow: hidden;  */
  /* 防止内容溢出，保持整洁 */
}

.cydnframe { 
          
            width: 100%;
            height: 100%;
            /* transform: scale(1); */
            border: 10; 
            /* overflow-y: scroll;  */
            /* overflow-x: hidden;  */
        }

/* 将按钮置于iframe的右上角 */
#fullScreenBtn{
  display: block;
  position: absolute; /* 设置为绝对定位 */
  /* top: 0; */
     /* 距离顶部0像素，即iframe的最上方 */
  right: 0; 
  /* 距离右侧0像素，即iframe的最右侧 */
  z-index: 999;
   /* 确保按钮在iframe之上，避免被遮挡 */
  /* 可以根据需要调整按钮的样式，比如边距、颜色等 */
  padding: 5px; /* 为了美观可增加一点内边距 */
  background-color: wheat; /* 白色背景以便于阅读 */
  border: none; /* 移除默认边框 */
  color: black; /* 文字颜色 */
  cursor: pointer; /* 鼠标悬停时显示手型光标 */
  transition: background-color 0.3s ease; /* 平滑的背景色过渡 */
}



/* 可选：为按钮添加悬停效果 */
#fullScreenBtn:hover {
  background-color: #f0f0f0; /* 悬停时变淡灰色 */
}

.parentcon {
    display: flex;
    align-items: center; /* 纵向对齐 */
    /* 如果需要垂直居中，可以添加 justify-content: center; */
   
}

/* .navbar-brand
{
display: flex;
position: static;

} */
/* #webmainimg
{
  margin-left:  10rem;
} */
/* #navbardiv
{
  display: grid;
  height: 8rem;
} */
/* #mainpageimg
{

  margin-top: -10vh;
} */