导读： 今天来聊聊关于在html中预排版标记是，在html中怎么做到像图片中的界面排版(大概就是让图片在最的文章，现在就为大家来简单介绍下在html中...
今天来聊聊关于在html中预排版标记是，在html中怎么做到像图片中的界面排版(大概就是让图片在最的文章，现在就为大家来简单介绍下在html中预排版标记是，在html中怎么做到像图片中的界面排版(大概就是让图片在最，希望对各位小伙伴们有所帮助。
1、可以用一个最大的div层 包裹住，左边一个div 左浮动，右边一个div右浮动，左边的就是一个logo图，主要处理在右边。
2、右边的div定义好之后，在细分为上中下，三个大div，最上面的div 可以左右浮动，左边一个span标签放定位，右边可以用 ul li标签 来进行分配。
3、中间的div同理。
4、左右div浮动，进行处理最后的导航用 ul li 实现。
5、如图只是做了一个大体的框架，具体实现需要做一些调整。
6、附上效果图，源码。
相信通过在html中怎么做到像图片中的界面排版(大概就是让图片在最这篇文章能帮到你，在和好朋友分享的时候，也欢迎感兴趣小伙伴们一起来探讨。