900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > 一个DIV中并列放两个DIV。右侧div大小不定。【HTML】

一个DIV中并列放两个DIV。右侧div大小不定。【HTML】

时间:2022-08-04 05:55:55

相关推荐

一个DIV中并列放两个DIV。右侧div大小不定。【HTML】

web前端|html教程

右侧,并列,两个,大小,div

web前端-html教程

如图所示:

想制作一个网页,其中头部是一个div,其中左边是一个图片,右侧是背景色(与图片右侧的颜色相同),根据浏览器的大小repeat-x。

下方是一个#middle的div嵌套两个叫left和right的div,其中left的width为200px;right的右边缘要与头部右边缘一致。

小程序模板源码 拼团,ubuntu关闭小锁,tomcat控制台用户角色,scrapy主动终止爬虫,php和什么数据配合好,安达seo服务lzw

问题是右边right的总是比较窄,做不到根据页面大小适应啊???

人才招聘手机网站源码,ubuntu 运行飞秋,米里黑色爬虫,php excel 表情,企牛seolzw

回复讨论(解决方案)

整站源码8g数据,vscode生成表格,ubuntu怎么打开终端,tomcat 服务配置,sqlite 数据库类型,基于开放平台的网页设计与编程,本地数据库怎么连接数据库服务器失败,美国机房服务器租用,wordpress gallery插件,django框架搭配前端,爬虫高手,源码网站php,长沙网站seo,springboot 外卖,标签云 photoshop,maxcms电影网站源码,网页字随鼠标移动,免费中文展示页模板免费下载,dedecms 后台,asp登录页面设计,实验室管理系统 下载,vb托盘程序lzw

在右侧div内加个div,并加上一个inner的类

div1{float:left;position:relative;margin-right:-200px;}div2{float:right;width:100%;}div2 .inner{margin-left:200px;}

/jikeytang/b75z9/2/

网速快的话,打开看看。

回2L,加上margin-right:-200px;之后左侧就消失了

“问题是右边right的总是比较窄,做不到根据页面大小适应啊???”啥意思?

左边宽度固定的话,右边应该填满共同容器的剩余宽度,根据页面宽度自适应。当页面宽度较小,右边才会很窄的吧。如果希望当页面宽度较小时,右边div不会太窄,可以给右边div定义一个min-width,或者,使用media query进行响应式布局,将右边或左边div垂直显示,不在一行。

以下是一个简单的两列布局的例子:

html, body, div { margin: 0; }

div { height: 400px; }

#divLeft { background: blue; width: 200px; float: left }

#divRight { background: green; margin-left: 200px }

Test

你看看你的width设计的大小是否左右相等 还有高度大小

你也可以用DWcs5插入一个2行2列的表格

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。