步骤 1 : 左侧固定，右边自动占满 <style> .left{ width:200px; float:left; background-color:pink } .right{ overflow:hidden; background-color:lightskyblue; } </style>
转载
2020-07-15 09:36:00
315阅读
2评论
<style> .box-right { height: 300px; margin-left: 300px; background-color: brown } .box-left { width: 300px; height: 300px; float: left; background-color:
原创
2023-02-24 11:54:06
302阅读
float 单一层浮动法左侧固定成100px; 则核心代码 左侧：width:100px;float:left; 右侧 width:auto;margin-left:100px;绝大浏览器是没有任何问题的，除了万恶的浏览器IE6，两层中间有缝隙 3px; 在固定元素上加入绝对，自适应元素设
转载
2020-06-04 22:24:00
357阅读
2评论
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <div class="all"&.
转载
2021-06-30 09:51:25
601阅读
<!DOCTYPE >< lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <div class="all"&.
转载
2022-03-15 16:38:14
299阅读
演示demo其中有老生常谈的float方法,BFC方法，也有CSS3的flex布局与grid布局。常用的宽度自适应的方法通常是利用了block水平
原创
2022-09-29 16:21:56
439阅读
我的微信公众号学习的路上, 与君共勉。如有疑惑, 欢迎小窗。
原创
2023-06-08 16:56:54
91阅读
如果使用float做固定宽度的div，这个div要写在自适应div的前面，不然后导致两个div不在同一行，这是用float的弊端absolute可以解决这个问题，但是使用absolute时，如果固定宽带的div比较高，会影响后面的布局所以还需要使用float，一个向左...
原创
2021-07-27 20:51:43
1265阅读
如果使用float做固定宽度的div，这个div要写在自适应div的前面，不然后导致两个div不在同一行，这是用float的弊端absolute可以解决这个问题
原创
2022-06-30 18:05:54
1085阅读
1.固定高度
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <
原创
2011-03-24 12:36:20
2357阅读
点赞
反过来也可以：左侧宽度固定，右侧自适应。不管是左是右，反正就是一边宽度固定，一边宽度自适应。 这种布局比较常见，很多默认主题就是这种。一般情况下，这种布局中宽度固定的区域是侧边
转载
2019-04-06 14:49:00
398阅读
2评论
<!doctype html><html><head><meta charset="utf-8"><title>css设计栏目</title> <style type="text/css"> body{ /*页面初始化*/ background-co
原创
2022-02-09 09:58:04
113阅读
1，固定宽度区浮动，自适应区不设宽度而设置 margin <!DOCTYPE html> <html> <head> <style type="text/css"> #
转载
2020-12-11 18:09:00
235阅读
2评论
<div class="left"> 左 </div> <div class="right"> 右 </div>第一种 浮动.left{ width: 200px; float: left; height: 200px; background: #0000FF; }.right{ margin-left: 200px; height: 200px; background: #00FF00;}弟二种 计算.
原创
2022-01-10 13:51:03
539阅读
想法不想使用第三方的小程序UI组件，理由是因为第三方组件是所有常见组件的集合，css样式代码过于庞大，虽然说是轻量级的组件，但是对于小程序来说，依旧很庞大。并且在一个小程序中也不一定用到所有的组件，却是引入全部的css代码。所以我想将每一个组件单独剥离出来，当使用到某一个组件的时候，就引入对应的组件和样式即可。效果图：思路和上一篇文章：微信小程序UI组件：底部弹出【pop-up】源码：&l
转载
2022-10-28 04:30:21
64阅读
现在市面上的很多App都支持了侧滑菜单功能，我就是非常喜欢这样的效果，这里我们就不妨来学习下侧滑菜单的使用。首先，侧滑菜单一般都是配合导航栏的Navigation来使用的，所以我们本篇的例程继续引用上一个例程的工程，接下来是新的逻辑。在正式进入本例程的学习之前，我们先来了解下Android框架下关于侧滑菜单的描述。以下图为例，其中2是侧滑出来的布局，1是我们Activity的主内容，3是关联了侧滑
