Html 是否可以设置';边界半径';什么时候到达div的末尾?
我正在尝试制作一个弹出div,其中包含很长的信息 我想知道在内部div中,底部没有端点,因为有隐藏的通知,比如:Html 是否可以设置';边界半径';什么时候到达div的末尾?,html,css,Html,Css,我正在尝试制作一个弹出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:问题的标题有误导性,请回答。非常感谢非常感谢