您的位置:首页 >我爱生活 >

html图文排版(html图片排版)

导读 大家好,今天小六子来为大家解答以下的问题,关于html图文排版,html图片排版这个很多人还不知道,现在让我们一起来看看吧!1、最简单的方法...

大家好,今天小六子来为大家解答以下的问题,关于html图文排版,html图片排版这个很多人还不知道,现在让我们一起来看看吧!

1、最简单的方法是使用浮动。

2、可以用一个最大的div层 包裹住,左边一个div 左浮动,右边一个div右浮动,左边的就是一个logo图,主要处理在右边。

3、2、右边的div定义好之后,在细分为上中下,三个大div,最上面的div 可以左右浮动,左边一个span标签放定位,右边可以用 ul  li标签 来进行分配。

4、3、中间的div同理。

5、左右div浮动,进行处理。

6、4、最后的导航用 ul li 实现。

7、如图只是做了一个大体的框架,具体实现需要做一些调整。

本文分享完毕,希望对你有所帮助。

免责声明:本文由用户上传,如有侵权请联系删除!