Question

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<style>
.left {
background-color:pink;
    min-width: 10%;
    max-width: 10px;
    min-height: 700px;
    max-height: 90%; 
    float: left;
    overflow: hidden;
    margin-left: 15px;
    margin-right: 25px;
    position: fixed;
}
.right {
  min-height: 800px;
  max-height: 80%;   
  min-width: 76%;   
  max-width: 980px;
  float: right;
  margin-right: 30px;
  margin-left: 30px;
  position: relative;
} 
.drp {display:none; background-color:grey; width:100px; height:100px;}
.navbar:hover .drp {display:block;}
</style>
</head>
<body>
<div class="main">
  <div class="left">
    <div class="navbar">
        <button>hover</button>
        <div class="drp">
        <ul>
        <li>link 1</li>
        <li> link2 </li>
        <li> link 3 </li>
        <li> link 4 </li>
        </ul>
        <div>
    </div>
  </div >
  <div class="right">
  </div>
</div>

</body>
</html>

将鼠标悬停在div“导航栏”上时，它显示的是内容，但未显示完整的内容。它隐藏在父类内部，因为父类的大小小于内容。

那么我该如何在div“ right”中显示该内容？

Answer 1

请检查以下解决方案。它将解决您的CSS问题。 public class AddItemActivity extends Activity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_add_item); DisplayMetrics dm = new DisplayMetrics(); getWindowManager().getDefaultDisplay().getMetrics(dm); int width = dm.widthPixels; int height = dm.heightPixels; getWindow().setLayout((int) (width * .8), (int) (height * .8)); WindowManager.LayoutParams params = getWindow().getAttributes(); params.gravity = Gravity.CENTER; params.x = 0; params.y = -20; getWindow().setAttributes(params); } }和max-width应该匹配，因为width被隐藏了。

overflow

我希望这是您想要的。

如何在另一个课程中显示内容？

1 个答案: