3

大家好，有一个在表格之外的 div，当用户最小化屏幕时，我希望 div 保持相同的大小。这是它的作用：

基本上，当我最小化页面时，我希望宽度保持在 60% 并且不缩小：

CSS：

message_box,

{
background-color:#EEEECC;
border: #CCCCAA thin solid;
margin: 0 auto;
padding: 5px;
text-align: center;
font-family: arial, sans-serif;
font-size: 10pt;
margin-bottom: 10px;
}

html:

<div class="message_box" style="width: 60%">
4

3 回答 3

6

当您将元素设置为 时width:60%，这意味着该元素的宽度将是其父元素的 60%。

如果<div class="message_box">的父元素变窄，那么<div class="message_box">也会变窄。

当你说你想要<div class="message_box">60% 宽时，你到底是什么意思？60% 什么？

如果您希望<div class="message_box">' 的宽度为特定数量的像素，并且在用户调整浏览器窗口大小时不改变，您应该以像素为单位设置其宽度，例如：

<div class="message_box" style="width: 300px">
于 2012-08-06T13:13:33.627 回答
0

你应该让它保持静态，以像素为单位分配值，600px（或任何你想要的大小）。

于 2013-05-24T20:29:41.663 回答
0

假设“最小化”意味着当用户调整窗口大小时，您希望 div 保持在其父元素的 60%。在这种情况下，这样的事情应该起作用：

.message_box{
    background-color:#EEEECC;
    border: #CCCCAA thin solid;
    margin: 0 auto;
    padding: 5px;
    text-align: center;
    font-family: arial, sans-serif;
    font-size: 10pt;
    margin-bottom: 10px;
    position:absolute;
    left:0;
    right:60%;
}

如果 div 有父元素，请确保该元素设置了宽度并且具有 css 属性 position:relative

于 2012-08-06T13:15:40.413 回答