内容空间大于设置的框的空间,会溢出,overflow:
visible:溢出的内容可见
hidden:溢出的内容隐藏
scroll:无论任何情况下均显示滚动条(不管有没有溢出,横向纵向都显示滚动条,没有溢出的话滚动条为灰色不可用。)
auto:浏览器自动判断,需要滚动条则显示,不需要则不显示。
overflow-x:定义横向溢出
overflow-y:纵向溢出
小案例:
要求:包含框宽500,高150,图片总宽度800,7个宽100的图片
结果如图:
我的代码:
<!DOCTYPE html> <html> <head lang="en"&g