首页 > 代码库 > 关于css+div布局的疑问 2017-03-19
关于css+div布局的疑问 2017-03-19
第一次布局一个静态网页,发现许多细节都需要自己探索,出现诸如以下问题:
1、布局问题:经常出现一个div被挤出来?做到一半少一个div布局?
布局之前,要点打好框架,明确每个地方的高宽是多少,争取精确到每一像素(是否含有边框像素);但是,在纸上花的草图再好再精确,也需要实际操练。
2、定位问题:明明都定位了,为什么还出现div布局混乱的现象?
(未解)为什么可以通过设置margin-left/right的值为负数可以解决,但是在其他浏览器显示效果仍错误?
3、div中图片的定位,为什么按照理论设定的值,就是到不了应有的位置?
是图片定位错误还是参照物div弄错了?
4、内边距与外边局的问题?
可以分清定义,为什么实际运用时总是得不到应有的效果呢?问题在哪?
5、div中文字的对齐方式、行间距?
对齐方式没问题,行间距怎么调?用line-height么? 字与字的间距怎么调?
6、div中有序列表的应用?
div中的有序列表可以用来做水平和垂直的菜单栏,可以设置边框,但是它前面的点时怎么缩小的?插入图片做序号时,图片与文字如何对齐,为什么会混乱?
文字后面的日期除了用单独的div做,为什么我用<span>标签做出来会自动空一行,原因在哪?
7、为什么做好的静态网页在这个浏览器中就可以正常显示,换了其他浏览器就不可以了呢?
是代码错误还是浏览器兼容问题?
(未完待续。。。)
希望通过实践自己一步步找到答案,而不是记住别人的经验之谈,不去实践。别人的知识可以借鉴,但终究不是自己的。
I hardly stay up before, but now I begin to steal some time form the peaceful night.
关于css+div布局的疑问 2017-03-19