老师2-9习题效果大概做出来了，请问代码那些地方有毛病

<!DOCTYPE html>

<html>

<head>

*{margin: 0;padding: 0;}

body{font-size: 16px;}

.header{width: 100%;height: 100px;background: #000;position: fixed;top: 0;}

.logo{float: left;}

.img{height: 100%;}

.nav{list-style: none;float: right;color: #fff;font-size: 18px;text-align: center;line-height: 100px; }

.nav li{display: inline-block;margin: 0 20px;}

.container{width: 100%;height: 600px;background: #87cefa;position: absolute;top: 100px;line-height: 35px;}

.left{float: left;width: 35%;padding-top: 100px;padding-left: 300px; }

.right{float: left;width: 30%;padding-top: 100px;}

.container ul li{display: inline-block;list-style: none;}

span{background: #f08080;}

.bottom{width: 100%;height: 100px;position: absolute;bottom: 0;background: #000;}

.bottom ul{color: #fff;list-style: none;font-size: 18px;text-align: center;line-height: 100px;}

.bottom ul li{display: inline-block;margin: 0 30px;}

</style>

</head>

<body>

</div>

</ul>

</div>

<ul>

<span>职业路径</span> <li>HTML5和CSS3实现动态网页</li><br/>

<span>职业路径</span> <li>零基础入门andriod语法与界面</li><br/>

<span>职业路径</span> <li>IOS基础语法与常用控件</li><br/>

<span>职业路径</span> <li>PHP入门开发</li><br/>

<span>职业路径</span> <li>JAVA入门开发</li>

</ul>

</div>

<a>HTML  CSS  JavaScript<br/>HTML5  css3  Jquery<br/>移动端基础  移动端APP开发</a>

</div>

<ul>

</ul>

</div>

</body>

</html>

前端小白kobe 2018-01-22

源自：CSS网页布局基础 2-10 编程练习

收起

3回答

小丸子爱吃菜回答被采纳获得+3积分 2018-01-23 10:18:45

1、不同的显示器分辨率不同，在你那可能显示的正常，但是分辨率大的显示器，看着效果就不不一样。如果担心主体部分过高影响底部，可以将底部也通过固定定位使其固定在底部。

2、右侧设置由浮动也是可以的。

margin是用来调整盒子与盒子之间的距离，padding是用来调整盒子与自己里面内容之间的距离。

收起回答

前端小白kobe 提问者 #1

.left{float: left;width: 35%;padding-top: 100px;padding-left: 300px; } .right{float: left;width: 30%;padding-top: 100px;} 那老师我这左右两部分位置调整应该用margin还是padding

2018-01-23 10:21:11

一路电光带火花 2018-01-23 10:25:50

老师不是说了么？盒子与盒子之间的距离用margin，所以用margin啊，当然用padding也能去实现，只是padding会增加盒子的距离来拉开它们之间的距离。

能实现效果就可以，没有绝对的

收起回答

提问者前端小白kobe #1

就是这，两种都能变化，我才有疑问；我只想调整left里面文字的位置的话，是不是用padding就行了

2018-01-23 10:34:01
一路电光带火花回复提问者前端小白kobe #2

可以。也可以在文字外面套一层盒子，给这个盒子设置margin值也行，总之多尝试，玩不坏的

2018-01-23 11:28:14
提问者前端小白kobe 回复一路电光带火花 #3

懂了，谢谢

2018-01-23 12:09:50