diff --git a/css/body.css b/css/body.css index e4f7715..7c7a081 100644 --- a/css/body.css +++ b/css/body.css @@ -1,5 +1,7 @@ /* 基本样式重置 */ body, html { + margin: 0; + padding: 0; font-family: Arial, sans-serif; /* 默认字体 */ background-color:#f4f4f4; } diff --git a/css/footer.css b/css/footer.css index 80a5959..b21518f 100644 --- a/css/footer.css +++ b/css/footer.css @@ -2,10 +2,14 @@ footer { background-color: rgba(51, 51, 51, 0.5); /* 半透明背景 */ color: white; + padding: 0px; display: flex; justify-content: center; align-items: center; position: fixed; + left: 0; + right: 0; + bottom: 0; font-size: 14px; max-height: 30px; z-index: 2000; diff --git a/css/max_width.css b/css/max_width.css index f25801e..941ee86 100644 --- a/css/max_width.css +++ b/css/max_width.css @@ -44,6 +44,8 @@ /* 小屏幕时主内容区 */ .main-content { + margin-left: 0px; /* 小屏幕时移除左边距 */ + margin-right: 0px; /* 小屏幕时右边距减小 */ margin-top: 80px; /* 小屏幕时稍微减小上边距 */ } diff --git a/css/sidebar.css b/css/sidebar.css index 1db1639..f50484e 100644 --- a/css/sidebar.css +++ b/css/sidebar.css @@ -2,6 +2,7 @@ .sidebar { position: fixed; top: -30px; + left: 0; width: 250px; bottom: 24px; background-color: #f4f4f4; @@ -16,6 +17,7 @@ .logo { font-family: 'Pacifico', cursive; /* 使用本地字体 Pacifico */ + margin: 0; padding-top: 48px; text-align: center; display: flex;