Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/74.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,我正在尝试制作一个弹出div,其中包含很长的信息 我想知道在内部div中,底部没有端点,因为有隐藏的通知,比如: ┌────────────────────────┐ │ │ │ ┌───────────────────┐ │ │ │ │ │ │ │ │ │ │ │ │ │ │ │ ..

我正在尝试制作一个弹出div,其中包含很长的信息

我想知道在内部div中,底部没有端点,因为有隐藏的通知,比如:

┌────────────────────────┐
│                        │
│ ┌───────────────────┐  │
│ │                   │  │
│ │                   │  │
│ │                   │  │                  
│ │        ...      ↓ │  │        // ↓ means scroll down to see more.                          
└────────────────────────┘
并向下滚动到内部div的末尾:

┌────────────────────────┐
│                        │
│ ┌───────────────────┐  │
│ │       ...         │  │
│ │                   │  │
│ │                   │  │                  
│ └───────────────────┘  │                          //  │ └───────────────────┘  │   <- the endpoint showed up! 
└────────────────────────┘                              
┌────────────────────────┐
│                        │
│ ┌───────────────────┐  │
│ │       ...         │  │
│ │                   │  │
│ │                   │  │                  

│ └───────────────────┘ │ // │ └───────────────────┘ │ 可以通过将顶部间距设置为父对象,将底部间距设置为子对象来实现

  • 使父对象可滚动
  • 隐藏父滚动条(因为滚动条在视觉上接触窗口底部边缘)
  • 向子元素添加边距底部
*{边距:0;框大小:边框框;}
身体{
背景:#0fb;
}
.弹出窗口{
位置:固定;
宽度:70vw;
顶部:15vh;
左:15vw;
底部:0vh;/*必须为0*/
溢出x:隐藏;
溢出y:自动;
滚动条宽度:无;/*FFhttps://stackoverflow.com/a/49278385/383904 */
-ms溢出样式:无;/*IE 10+*/
}
.Popup::-webkit滚动条{/*webkit*/
宽度:0;
身高:0;
}
.弹出内容{
填充:20px;
高度:150vh;/*仅演示…您可以将文本放置在*/
边缘底部:15vh;
边框:10px虚线#000;
背景:#0bf;
}
Lorem Ipsum
纸卷

您可以通过设置父对象的顶部间距和子对象的底部间距来实现

  • 使父对象可滚动
  • 隐藏父滚动条(因为滚动条在视觉上接触窗口底部边缘)
  • 向子元素添加边距底部
*{边距:0;框大小:边框框;}
身体{
背景:#0fb;
}
.弹出窗口{
位置:固定;
宽度:70vw;
顶部:15vh;
左:15vw;
底部:0vh;/*必须为0*/
溢出x:隐藏;
溢出y:自动;
滚动条宽度:无;/*FFhttps://stackoverflow.com/a/49278385/383904 */
-ms溢出样式:无;/*IE 10+*/
}
.Popup::-webkit滚动条{/*webkit*/
宽度:0;
身高:0;
}
.弹出内容{
填充:20px;
高度:150vh;/*仅演示…您可以将文本放置在*/
边缘底部:15vh;
边框:10px虚线#000;
背景:#0bf;
}
Lorem Ipsum
纸卷

请创建一个到目前为止您所拥有的内容的列表。这个问题不是解释性的。请详细说明。好的,让我提供更多信息。对不起,让我在3小时内编辑我的问题。我不在办公室,所以我没有关于我所做工作的源代码。PS:问题标题有误导性,请说明。请创建一个你到目前为止所做的。这个问题不是解释性的。请详细说明。好的,让我提供更多信息。对不起,让我在3小时内编辑我的问题。我不在办公室,所以我没有关于我所做工作的源代码。PS:问题的标题有误导性,请回答。非常感谢非常感谢