2016 年 12月 4 日随笔档案 - codeing-or-artist-??

2016年12月4日

摘要：效果图：手机版网站顶部导航条布局分为3块：1、左侧返回上一页按钮（固定宽高）2、右侧菜单按钮（固定宽高）3、中间文字介绍（宽度自适应且文字居中）要实现这个效果最简单的办法是2边绝对定位，中间text-align-center 阅读全文

posted @ 2016-12-04 14:24 codeing-or-artist-?? 阅读(2025) 评论(0) 推荐(0) 编辑

两侧边栏固定宽主内容自适应

摘要：效果图：这是利用负外边距的方法主内容需要2层div1、外层宽度100%，左浮动2、内层给一个最小高度，左边和右边为了空出200px需要给一个margin:0 200px 左边栏宽度200px，高500px1、左浮动2、为了让主内容能够浮动在它的右边，需要给一个margin-right:-100% 阅读全文

posted @ 2016-12-04 12:41 codeing-or-artist-?? 阅读(261) 评论(0) 推荐(0) 编辑

单侧边栏固定宽主内容自适应

摘要：效果图：这是利用负外边距的方法主内容需要2层div1、外层宽度100%，左浮动2、内层给一个最小高度，为了空出左边的200px需要给一个margin-left:200px 左边栏宽度200px，高500px1、左浮动2、为了让主内容浮动在左边栏的右边，需要给一个margin-right:-100 阅读全文

posted @ 2016-12-04 12:23 codeing-or-artist-?? 阅读(343) 评论(0) 推荐(0) 编辑