Let the div blocks stack from the bottom up?-PHP Tutorial-php.cn

Home

Backend Development

PHP Tutorial

Let the div blocks stack from the bottom up?

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Sep 15, 2016 am 11:30 AM

csscss3mysqlphpwhile

First I have a div

<code><div id="外觀" style="overflow-x:hidden; overflow-y:auto; width:220px; height:700px; position:fixed; bottom:50px; left:50px;">
</div></code>

Then the content inside the appearance idv will be
(data source php while loop fishing mysql)

<code><div id="內容" style="z-index:999; width:200px; display:inline-block;">
    <div>
    資料
    </div>
    </div></code>

I set the appearance div to be locked at the lower left corner of the screen
Then the content div is used to retrieve mysql using a while loop
Because the appearance div is set to 220px
The content div has an inline-block of 200px, so it will be stacked downwards by itself. Is this right? Problem
But here comes the problem
I want the content to be at the bottom
Because the current situation is because the height of the appearance div is 700px (I want it to have a scroll, so I set it high)
But when content appears
The content div will Start from the top
How to make it start from the bottom and stack up?
I have tried adding

to the appearance div

<code>vertical-align:text-bottom;或vertical-align:bottom;</code>

But it doesn’t work

Reply content:

First I have a div

<code><div id="外觀" style="overflow-x:hidden; overflow-y:auto; width:220px; height:700px; position:fixed; bottom:50px; left:50px;">
</div></code>

Then the content inside the appearance idv will be
(data source php while loop fishing mysql)

<code><div id="內容" style="z-index:999; width:200px; display:inline-block;">
    <div>
    資料
    </div>
    </div></code>

to the appearance div

<code>vertical-align:text-bottom;或vertical-align:bottom;</code>

But it doesn’t work

<style type="text/css">
.outer {
  position: fixed;
  bottom: 50px;
  left: 50px;
  width: 220px;
  height: 200px;
  background-color: #1abc9c;
  overflow: hidden;
}
.inner {
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  max-height: 200px;
  overflow-y: auto;
}
</style>
<div class="outer">
  <div class="inner">
    <p>1</p>
    <p>2</p>
    <p>3</p>
    <p>4</p>
    <p>5</p>
  </div>
</div>

Statement

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

What are the advantages of using a database to store sessions?Apr 24, 2025 am 12:16 AM

The main advantages of using database storage sessions include persistence, scalability, and security. 1. Persistence: Even if the server restarts, the session data can remain unchanged. 2. Scalability: Applicable to distributed systems, ensuring that session data is synchronized between multiple servers. 3. Security: The database provides encrypted storage to protect sensitive information.

How do you implement custom session handling in PHP?Apr 24, 2025 am 12:16 AM

Implementing custom session processing in PHP can be done by implementing the SessionHandlerInterface interface. The specific steps include: 1) Creating a class that implements SessionHandlerInterface, such as CustomSessionHandler; 2) Rewriting methods in the interface (such as open, close, read, write, destroy, gc) to define the life cycle and storage method of session data; 3) Register a custom session processor in a PHP script and start the session. This allows data to be stored in media such as MySQL and Redis to improve performance, security and scalability.

What is a session ID?Apr 24, 2025 am 12:13 AM

SessionID is a mechanism used in web applications to track user session status. 1. It is a randomly generated string used to maintain user's identity information during multiple interactions between the user and the server. 2. The server generates and sends it to the client through cookies or URL parameters to help identify and associate these requests in multiple requests of the user. 3. Generation usually uses random algorithms to ensure uniqueness and unpredictability. 4. In actual development, in-memory databases such as Redis can be used to store session data to improve performance and security.

How do you handle sessions in a stateless environment (e.g., API)?Apr 24, 2025 am 12:12 AM

Managing sessions in stateless environments such as APIs can be achieved by using JWT or cookies. 1. JWT is suitable for statelessness and scalability, but it is large in size when it comes to big data. 2.Cookies are more traditional and easy to implement, but they need to be configured with caution to ensure security.

How can you protect against Cross-Site Scripting (XSS) attacks related to sessions?Apr 23, 2025 am 12:16 AM

To protect the application from session-related XSS attacks, the following measures are required: 1. Set the HttpOnly and Secure flags to protect the session cookies. 2. Export codes for all user inputs. 3. Implement content security policy (CSP) to limit script sources. Through these policies, session-related XSS attacks can be effectively protected and user data can be ensured.

How can you optimize PHP session performance?Apr 23, 2025 am 12:13 AM

Methods to optimize PHP session performance include: 1. Delay session start, 2. Use database to store sessions, 3. Compress session data, 4. Manage session life cycle, and 5. Implement session sharing. These strategies can significantly improve the efficiency of applications in high concurrency environments.

What is the session.gc_maxlifetime configuration setting?Apr 23, 2025 am 12:10 AM

Thesession.gc_maxlifetimesettinginPHPdeterminesthelifespanofsessiondata,setinseconds.1)It'sconfiguredinphp.iniorviaini_set().2)Abalanceisneededtoavoidperformanceissuesandunexpectedlogouts.3)PHP'sgarbagecollectionisprobabilistic,influencedbygc_probabi

How do you configure the session name in PHP?Apr 23, 2025 am 12:08 AM

In PHP, you can use the session_name() function to configure the session name. The specific steps are as follows: 1. Use the session_name() function to set the session name, such as session_name("my_session"). 2. After setting the session name, call session_start() to start the session. Configuring session names can avoid session data conflicts between multiple applications and enhance security, but pay attention to the uniqueness, security, length and setting timing of session names.

See all articles