css左右侧自动填充宽度布局
2023-09-11 14:17:26 时间
<!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> </head> <body> <style> #div2{ float:left; margin-left:-100%; } #div3{ float:left; width:100%; } </style> <div id="div1"> <div id="div3"> <div style="margin-left:240px"> 22222<br>f 22222<br>f 22222<br>f 22222<br>f 22222<br>f 22222<br>f 22222<br>f 22222<br>f </div> </div> <div id="div2"> <div style="width:240px"> 11111<br>F 11111<br>F 11111<br>F 11111<br>F 11111<br>F 11111<br>F 11111<br>F 11111<br>F 11111<br>F 11111<br>F 11111<br>F </div> </div> </div> <!--- 这种布局也可以作为slide和content的布局, 1:内容的元素放在第一个结点(width:100%;float:left); 2: slide是第二个结点(float:left;margin-left:-100%) --> </body> </html>
相关文章
- netty系列之:自动重连
- node开发自动刷新网页中的css和javascript
- 谈谈一些有趣的CSS题目(十一)-- reset.css 知多少?
- 【CSS】css弹出菜单设置示例
- Css中实现两个DIV左右并排摆放,且自动按比例伸缩(示例)
- CSS Modules 解决 react 项目 css 样式互相影响的问题
- CSS - display flex 弹性布局实现一行仅显示 2 个,每行显示指定个数(设置 space-between / space-around 超出自动换行)详细示例代码
- CSS - 移动端容器背景大图片自动适应屏幕
- 3天学会css视频_PHP初级 CSS教程_CSS入门教程
- git如何在自动生成补丁时指定补丁名的起始编号
- bat脚本+diskpart 脚本实现自动划分磁盘分区
- iOS 本地自动打包工具
- 如何让 dataGridView 的空白区域自动用网格填充
- vscode自动添加作者、时间信息
- CSS_css sprite原理优缺点及使用
- 浅析如何给css加上模块的功能以及CSS Modules用法介绍
- CSS阻塞渲染、怎么防止css阻塞
- 浅析如何让css元素左侧自动溢出(即 ... 溢出在左侧):direction 属性
- CSS学习知识整理(五)Css display(显示)
- CSS学习知识整理(二)Css 背景
- CSS学习知识整理(一)Css 布局
- 【历史上的今天】11 月 30 日:Windows Vista 诞生;初代 Nook 电子书发布;自动驾驶先驱出生
- [LeetCode] 642. Design Search Autocomplete System 设计搜索自动补全系统
- vue 回车自动登录
- CSS 加粗(css font-weight)