腾讯云

文章/答案/技术大牛

发布

社区首页 >问答首页 >如何解决放大时网页内容溢出的问题？

问如何解决放大时网页内容溢出的问题？
EN

Stack Overflow用户

提问于 2020-08-23 20:06:26

回答 2查看 40关注 0票数 1

左边的浮动对象与右边的浮动对象保持重叠。

用于左浮动的css：

.righthomebar {
  background-color: brown;
  height:920px;
  position:absolute;
  top:60px;
  margin-left: 10px;
  float:left;
  padding-left: 10px;
}

右浮动div的css：

.content-text {
  min-height:550px;
  max-width: 850px;
  border-style:solid;
  position:relative;
  float:right;
  top: 20px;
  padding-top:5px;
  padding-right:5px;
  padding-bottom:5px;
  padding-left:5px;
}

css

responsive-design

html

回答 2

Stack Overflow用户

发布于 2020-08-23 21:18:38

使用以下单位缩放您的元素：

vw - Relative to 1% of the width of the viewport
vh - Relative to 1% of the height of the viewport
vmin - Relative to 1% of viewport's smaller dimension
vmax - Relative to 1% of viewport's larger dimension

票数 0

Stack Overflow用户

发布于 2020-08-23 23:00:54

尝试在父级上使用flex

css部件：

.parent {
  display: flex;
  justify-content: between; /* See more property in MDN*/
  flex-wrap: wrap; /* Move right part to new line when overlapping */
  width: 300px;
}

html部件：

<div class=“parent”>
  <div>Left part</div>
  <div>Right part</div>
</div>

justify-content属性detail

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/63546738

复制

相似问题

问如何解决放大时网页内容溢出的问题？
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何解决放大时网页内容溢出的问题？EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何解决放大时网页内容溢出的问题？
EN